javascript - jQuery ul 中的手风琴

Question

我正在尝试将一个标题和一个内容面板转换为手风琴。

<div id="accordion-two">
    <h3>Header</h3>
    <div>Content panel</div>
</div>

这是 jQuery 代码

$('#accordion-two').accordion({
    header: 'h3',
    event: 'click',
    animated: 'swing',
    duration: 800, 
    active: false
});

我的问题是我需要将点击事件应用于标题以打开内容面板并折叠内容面板..

谢谢你..

Answer 1

设置可折叠属性非常简单。

$('#accordion-two').accordion(
    {
    header: 'h3', 
    event: 'click',  
    animated: 'swing', 
    duration: 800, 
    active: false,  
    collapsible: true 
    }
);​

Answer 2

您需要在代码中引用 jQuery UI：

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>

collapsible同样如另一个答案中所述，默认情况下应该始终有一个展开的面板，因此如果您只有一个面板，除非您切换选项，否则它不能折叠。collapsible: true