jQuery符合href和可折叠

我正在使用带有href链接和可折叠标题的手风琴菜单。 问题是，当我单击子手风琴时，它会折叠父手风琴。有什么解决办法吗？

<ul class="accordion">
  <li>
    <a class="acc-header" href="http://www.google.com">menu - level 1</a>
    <h3>+</h3>
    <ul class="accordion">
      <li>
        <a class="acc-header" href="http://www.google.com">menu - level 2-1</a>
      <h3>+</h3>
        <ul class="accordion">menu - level 3</ul>
      </li>
      <li>menu - level 2-2</li>
    </ul>
  </li>
</ul>

<script type="text/javascript">
  $(document).ready(function(){
    $( ".accordion" ).accordion({
      header: "h3",
      collapsible: true,
      heightStyle: "content",
      active: false,
      icons: false,
      animate: 200,
    });
  });
</script>

+


+
菜单-第三级

菜单-级别2-2



$（文档）.ready（函数（）{
$（“手风琴”）。手风琴({
标题：“h3”，
可折叠的：是的，
高度样式：“内容”，
活动：错误，
图标：false，
动画：200，
});
});

这是更新的版本，它正在运行。解决方案是使用“

event.stopPropagation（）

”（如@Renan Araújo所述）并删除accordion上的标题设置

---

由于锚元素发出的单击事件，相应的操作正在关闭

使用“停止传播”防止锚点发出抖动：

$( ".accordion a" ).click(function(e) {
    e.stopPropagation();
});

我建议您阅读事件冒泡和检查方法