从现有的代码中,我创建了这个示例:http://jsfiddle.net/2DaR6/90/
以下是HTML代码:
如果我点击“Section 1”,折叠面板会正确打开,但我希望在点击其他项目时,之前打开的项目不会关闭。我该如何实现这种行为呢? 谢谢。
<div id="accordion">
<h3 id="header1" class="accClicked"><a href="#">Section 1</a></h3>
<div> Good Morning Stackoverflow</div>
<h3 id="header2" class="accClicked"><a href="#">Section 2</a></h3>
<div>Buongiorno Stackoverflow</div>
<h3 id="header3" class="accClicked"><a href="#">Section 3</a></h3>
<div>Bonjour Stackoverflow</div>
</div>
以下是js代码:
$(function() {
var icons = {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
};
$( "#accordion" ).accordion({
icons: icons,
collapsible: true
});
$( "#header1" ).click(function() {
$( "#accordion" ).accordion( "option", "icons", false );
}, function() {
$( "#accordion" ).accordion( "option", "icons", icons );
});
});
如果我点击“Section 1”,折叠面板会正确打开,但我希望在点击其他项目时,之前打开的项目不会关闭。我该如何实现这种行为呢? 谢谢。