Javascript 如何防止基础6中的手风琴动画 我试图创建一个使用手风琴为组织使用基础6的表单。我想为手风琴标题添加输入和按钮。通常，当单击手风琴标题时，它会通过滑动来切换其内容。我想禁用此效果，这样如果我单击标题中的按钮，内容就不会切换，因为如果每次单击按钮时内容都会膨胀和收缩，这真的很烦人

我有点像：

    $body.on('click', '.button_on_title', function (event) {
      // do stuff
    });

我尝试了

event.preventDefault（）

和

event.stopPropagation（）

，但没有效果。似乎基金会6在某种程度上超越了事件堆栈？

编辑：

---

为了澄清，我想防止手风琴在单击时打开和关闭，而不仅仅是删除滑动动画。

您只需将滑动速度设置为

0

即可禁用动画。设置滑动速度的一种简单方法是通过

数据滑动速度

数据属性

以下是添加此属性的文档示例：

<ul class="accordion" data-accordion data-slide-speed="0">
  <li class="accordion-item is-active">
    <a class="accordion-title">Accordion 1</a>
    <div class="accordion-content" data-tab-content>
      I would start in the open state, due to using the `is-active` state class.
    </div>
  </li>
  <!-- ... -->
</ul>

手风琴1
由于使用了'is active'状态类，我将在开放状态下启动。

谢谢你的回答，我实际上想防止手风琴在单击时展开，所以将速度设置为0并不能解决这个问题。我想我有点困惑了。如果你不想要打开和关闭的东西，为什么要用手风琴？这就是手风琴的用途。是的，但我想在手风琴标题上添加一个文本输入字段/按钮。如果您单击手风琴栏，它应该打开/关闭，但如果您关注文本输入或单击栏上的按钮，它不应该打开/关闭。