静态层次结构切换表

Question

我正在尝试创建层次结构列表，并在用户单击类别名称时进行子组切换，但这似乎不起作用。我该怎么办？

https://jsfiddle.net/p9737fqa/

<h1><a href onclick="$('div.l1').toggle('fast');">Level 1</a></h1>
<div class="l1">
    <p>Entry 1</p>
    <p>Entry 2</p>
    <h2><a href onclick="$('div.l2').toggle('fast');">Level 2</a></h2>
    <div class="l2">
        <p>Entry 3</p>
        <h3><a href onclick="$('div.l3').toggle('fast');">Level 3</a></h3>
            <div class="l3">
            <p>Entry 4</p>
        </div>
    </div>
    <h2><a href onclick="$('div.l2').toggle('fast');">Level 2</a></h2>
    <div class="l2">
        <p>Entry 5</p>
        <h3><a href onclick="$('div.l3').toggle('fast');">Level 3</a></h3>
        <div class="l3">
            <p>Entry 6</p>
        </div>
    </div>
</div>

编辑：问题已修复，但是有一种简单的方法可以切换最近的X级吗？例如，当我点击2级时，两个级别2都切换：/ https://jsfiddle.net/p9737fqa/3/

Answer 1

在onclick上的所有函数之后

You should return false;，因为链接会刷新页面。