javascript - jquery ui Accordion 单击一次展开但第二次单击不折叠

标签 javascript jquery html twitter-bootstrap jquery-ui

我在点击它展开(打开)时有 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/

相关文章:

javascript - 如何使用 AJAX 访问 Recurly API?

javascript - 存储值以便在以后的函数中使用的最佳方法是什么?我听说全局变量是邪恶的

javascript - 从 iframe 打印 pdf

javascript - Bootstrap 模式按钮单击事件未在第一次触发

javascript - slick.js 幻灯片的宽度在哪里计算?

javascript - AngularJS:如何在指令中使用 JS 脚本

javascript - div 里面有两个 div,当我从一个 div 转到另一个时,使用 onMouseOver

javascript - 带有音频标签的多个播放/暂停按钮

javascript - 如何在循环中循环此 javascript 代码

javascript - 如何摆脱弹出页面位置的滚动条?