Bootstrap 手风琴在悬停时打开答案

【问题标题】：Bootstrap accordion open on hoverBootstrap 手风琴在悬停时打开
【发布时间】：2014-07-20 06:06:17
【问题描述】：

我已经尝试过从 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/

【问题讨论】：

你见过这个stackoverflow.com/questions/10719931/… 吗？

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

你也可以试试这个

$(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");
  });
});

检查这个fiddle

【讨论】：

这确实回答了我的问题，但是如果我离开“li”或“隐藏的手风琴”区域，我需要“手风琴”自动关闭。你可能想到的任何解决方案?
aaaah 我正在寻找的实际上是一个下拉菜单......还是谢谢你
很高兴知道我的回答很有帮助。

【解决方案2】：

我猜这是一种肮脏的做法..

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

已经使用了内置的事件触发器

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

【讨论】：

【解决方案3】：

看看有没有帮助

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

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

【讨论】：