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/

相关文章:

html - CSS Transform 属性将页面从中间拆分

javascript - 在用户移出该字段之前,正式字段不会显示验证

javascript - 通过CSS获取css值并在Selenium中使用

javascript - AngularJs指令多次发出

javascript - 当提供者重新渲染时消费者重新渲染

php - 在 html 页面中使用 js、php 创建 SEO 友好的 url

php - 被 JQuery $.each 行为难住了

javascript - 如何计算并确定 div 必须放置的区域?

javascript - 从 javascript 调用 Jquery 函数

html - 如何在 HTML5 工具提示中显示所有必需的值?