如何让手风琴扩展在悬停而不是点击？

Question

是否有可能让手风琴在点击时悬停？以及如何做点击其他事情？

UPDATE

我说的是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 solutionn：http://jsbin.com/atamat/2/edit#javascript,html,live

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

HTML：

同样^