Bootstrap手風琴在懸停時打開

Question

我已經嘗試過我從Google和SO中找到的其他示例，但是可以執行任何操作，因此我嘗試使用這個愚蠢的解決方案來懸停Bootstrap手風琴，但它不想工作......任何建議？

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" })

小提琴

http://jsfiddle.net/5J852/

Answer 1

你也可以試試這個

$(document).ready(function(){
$( ".accordion-toggle" ).mouseover(function(){
   $( ".accordion-toggle" ).trigger( "click" );
});
});

檢查這個小提琴

Answer 2

我猜這是一種骯臟的方式來做它..

http://jsfiddle.net/5J852/16/

已經使用內置事件觸發器

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

Answer 3

看看這是否有幫助

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

http://jsfiddle.net/5J852/4/