javascript - Bootstrap Accordion 在悬停时打开

标签 javascript jquery html css twitter-bootstrap

我已经尝试过从 Google 和 SO 找到的其他示例,但可以执行任何示例,所以我尝试了这个愚蠢的解决方案,用于在悬停时打开 Bootstrap Accordion ,但它也不想工作……有什么建议吗?

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/

最佳答案

你也可以试试这个

$(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

关于javascript - Bootstrap Accordion 在悬停时打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23955288/

相关文章:

c# - html 标签的 EnableViewState

javascript - 预加载将在 Fabric.js Canvas 上绘制的图像

javascript - 使用 JavaScript 控制 Netflix 播放器

jquery - slider - 主动模糊

javascript - $scopeProvider <- $scope/未知提供者

html - 表单提交按钮 onClick JavaScript 函数

javascript - 如何检测是否有东西溢出?

javascript - $tds.attr ('disabled' ,'disabled' );没有达到我想要的效果

javascript - 有没有办法用 PhantomJS 欺骗浏览器访问的日期?

css - Internet Explorer 中的 HTML 字段集/div 边框