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

从零开始，从零开始，这意味着手风琴的第一级代码是：

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

Answer 2

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

<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/

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

2 个答案: