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

Jquery 语义UI手风琴行为不起作用,jquery,semantic-ui,Jquery,Semantic Ui,我试图利用语义用户界面的手风琴行为来打开和关闭基于按钮点击的手风琴,但这不是我所期望的功能 从文件中: $('.ui.accordion').accordion('behavior', argumentOne, argumentTwo...); 我试图利用切换(索引)行为。我的期望是 $('.ui.accordion').accordion('toggle', 1); 将在页面上的索引1处打开手风琴并关闭其他手风琴,但将该行为事件添加到按钮上的单击事件不会切换任何手风琴 这是因为你每次都在定

我试图利用语义用户界面的手风琴行为来打开和关闭基于按钮点击的手风琴,但这不是我所期望的功能

从文件中:

$('.ui.accordion').accordion('behavior', argumentOne, argumentTwo...);
我试图利用
切换(索引)
行为。我的期望是

$('.ui.accordion').accordion('toggle', 1);
将在页面上的索引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>

索引0
显示索引0

指标1 所示为索引1

指标2 显示索引2

切换

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

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