javascript - 重写javascript中的onclick事件

Question

我有一个问题。实际上我有这个结构: jsfiddle link

当我点击"Link example 2 with accordion"时它确实扩展了 ul。
但是当我单击其中的任何链接时，它会被隐藏，因为下面的链接 "Link example 2 with accordion"在里面<li class="accordion"> 。

我的问题是:我怎样才能阻止这种行为？

Answer 1

为 child 添加一个类(class)

<ul>
    <li><a href="#">Link example 1</a> </li>
    <li class="accordion">
        <a href="#">Link example 2 with accordion</a>
        <ul class="child" style="display: none;">
            <li><a href="#">Link inside accordion 2</a></li>
            <li><a href="#">Link inside accordion 3</a></li>
        </ul>
    </li>
    <li><a href="#">Smth</a> </li>
</ul>

脚本

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