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

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

谢谢..

Answer 1

非常简单地设置collapsable属性。

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

手风琴在jQuery ul

2 个答案: