语义UI手风琴行为不起作用

Question

我正在尝试利用语义ui手风琴行为来打开和关闭基于按钮点击的手风琴，但这并没有像我期望的那样发挥作用。

从文档：

$('.ui.accordion').accordion('behavior', argumentOne, argumentTwo...);

我试图利用toggle (index)行为。我的期望是

$('.ui.accordion').accordion('toggle', 1);

将在页面上的索引1处打开手风琴并关闭其他手风琴，但将该行为事件添加到按钮上的单击事件不会切换任何手风琴。

CodePen的问题在这里https://codepen.io/jasonyost/pen/ZxOvPW

Answer 1

这是因为你每次都要定义一个新的手风琴来看看这个有效的代码。

<div class="ui accordion">
  <div class="active title">
    <i class="dropdown icon"></i> Index 0
  </div>
  <div class="active content">
  <p>Index 0 shown</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i> Index 1
  </div>
  <div class="content">
    <p>Index 1 shown</p>
  </div>
  <div class="title">
    <i class="dropdown icon"></i> Index 2
  </div>
  <div class="content">
    <p>Index 2 shown</p>
  </div>
</div>

<button class="ui button toggle">
  Toggle
</button>

https://jsfiddle.net/d2s8nhw3/

Answer 2

它基于零0，这意味着对于手风琴的第一级，您的代码将是：

$('.ui.accordion').accordion('toggle', 0);