我在点击它展开(打开)时有 Accordion ,但是当我再次点击它时它没有关闭 Accordion 。如何更改功能,以便在我第二次单击 Accordion 时可以关闭 Accordion 。
$(function() {
var icons = {
header: "ui-icon-circle-arrow-e",
activeHeader: "ui-icon-circle-arrow-s"
};
$("#accordion").accordion({
icons: icons
});
$("#toggle").button().on("click", function() {
if ($("#accordion").accordion("option", "icons")) {
$("#accordion").accordion("option", "icons", null);
} else {
$("#accordion").accordion("option", "icons", icons);
}
});
});
<section class="content">
<h1 style="color:#B94A7E"> header 1</h1>
<div id="accordion">
<h3 style="font-size:16px">header 3</h3>
<div>
<table>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<font color="#5a5453">
4. The actual IoT platform that builds, connects and manages includes all APIs, Web services, application
services, agents, connectivity etc
</font>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
最佳答案
快速修复,在 Accordion 选项中设置 collapsible:true
。例如
$("#accordion").accordion({
collapsible: true
});
参见 JsFiddle
关于javascript - jquery ui Accordion 单击一次展开但第二次单击不折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41542615/