Question

是否有可能让手风琴在悬停时不会点击？以及如何点击其他内容？

更新

我在谈论jQuery UI手风琴小工具。

Answer 1

5th example in the jQuery UI Accordion documentation: Open on mouseover

    $( "#accordion" ).accordion({
        event: "mouseover"
    });

您可以使用普通jQuery中的.click()或.on('click')方法附加您希望使用的任何点击事件。请在提出这样的问题之前进行研究。

Answer 2

简单的css手风琴：http://jsbin.com/atamat/edit#html,live

  .accordion > div {
    display:none;
  }
  .accordion:hover > div {
    display:block;
  }

HTML：

  <div class="accordion">
    <h2><a href="#link2">Header goes here</a></h2>
    <div>
      Content goes here
    </div>
  </div>

  <div class="accordion">
    <h2><a href="#link2">Header goes here</a></h2>
    <div>
      Content goes here<br />Content goes here<br />Content goes here<br />
      Content goes here<br />Content goes here<br />Content goes here<br />
      Content goes here<br />Content goes here<br />Content goes here<br />
    </div>
  </div>

简单的jQuery解决方案：http://jsbin.com/atamat/2/edit#javascript,html,live

$(".accordion > div").hide().parent().hover(function(event) {
  $(this).children("div").slideToggle(event.type === "mouseenter");
});

HTML：

相同的^

如何在不点击的情况下使手风琴扩展悬停？

2 个答案: