Bootstrap手风琴在悬停时打开

时间:2014-05-30 13:01:54

标签: javascript jquery html css twitter-bootstrap

我已经尝试过从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" })


FIDDLE

http://jsfiddle.net/5J852/

3 个答案:

答案 0 :(得分:5)

你也可以尝试这个

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

检查此fiddle

答案 1 :(得分:2)

我猜这是一种肮脏的方式......

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

已经使用内置事件触发器

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

答案 2 :(得分:1)

看看这是否有帮助

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

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