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

FIDDLE

http://jsfiddle.net/5J852/

- no0ne

---

你看过这个吗 https://dev59.com/oGgv5IYBdhLWcg3wSewe？ - AndrewPolland

Answer 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。

- A J

---

这确实回答了我的问题，但是如果我离开'li'或'hidden accordion'区域，我需要'手风琴'自动关闭..你想到解决办法吗？ - no0ne

啊啊啊，我实际上要找的是下拉菜单...不过还是谢谢你。 - no0ne

很高兴知道我的回答有帮助。 - A J

Answer 2

我猜这是一种不太好的方法来完成它...

通过已经使用内置的事件触发器 http://jsfiddle.net/5J852/16/

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

- vico

Answer 3

看看这是否有帮助。

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

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

- mcdeal