javascript - Bootstrap accordion open on hover - Stack Overflow

admin管理员组

文章数量:1289832

I already tried other examples that I found from Google and SO but can get any to execute so I was trying this silly solution for opening the Bootstrap accordion on hover but it doesn't want to work either... any suggestions?

HTML

<nav class="nav">
<ul>
<li><a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#one">SHOW</a></li>
</ul>
</nav>


<div id="one" class="collapse">
<div class="accordion-inner">
HERE IS THE STUFF
</div>
</div>

jQuery

$('#submenu').collapse({ trigger: "hover" })

FIDDLE

/

I already tried other examples that I found from Google and SO but can get any to execute so I was trying this silly solution for opening the Bootstrap accordion on hover but it doesn't want to work either... any suggestions?

HTML

<nav class="nav">
<ul>
<li><a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#one">SHOW</a></li>
</ul>
</nav>


<div id="one" class="collapse">
<div class="accordion-inner">
HERE IS THE STUFF
</div>
</div>

jQuery

$('#submenu').collapse({ trigger: "hover" })

FIDDLE

http://jsfiddle/5J852/

• javascript
• jquery
• html
• css
• twitter-bootstrap

Share Improve this question Follow asked May 30, 2014 at 13:01 no0neno0ne 2,67988 gold badges3030 silver badges4444 bronze badges 1

• Have you seen this one stackoverflow./questions/10719931/… ? – AndrewPolland Commented May 30, 2014 at 13:13

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

You can also try this

$(document).ready(function(){
  $( ".accordion-toggle" ).mouseover(function(){
    $( ".accordion-toggle" ).trigger( "click" );
    // If creating multiple accordion items, use the below to prevent all other
    // items with the class "accordion-toggle" triggering a click event
    // $(this).trigger("click");
  });
});

check this fiddle

i Guess this is a dirty way to do it..

http://jsfiddle/5J852/16/

by already using the built in event trigger

$('.nav a').mouseover(function(){
    $( this ).click();
});
$('.nav a').mouseout(function(){
    $( this ).click();
});

See if this helps

$('.accordion-toggle').hover(function(){
    $(this).click();
});

http://jsfiddle/5J852/4/

本文标签： javascriptBootstrap accordion open on hoverStack Overflow