javascript - 在链接点击时切换 div

Question

http://jsfiddle.net/FsCHJ/2/

现在发生的是，每当我有另一个链接示例时，它也会使用此链接作为切换按钮。我只想切换编辑模式来切换隐藏的 div 的开/关。所以我试着改变$("a").click(function ()至 $("toggle").click(function ()和 <a>Toggle Edit Mode</a>切换编辑模式`，但不起作用。有任何想法吗？

HTML

<li><a>Toggle Edit Mode</a>

</li>
<div class="hidden rightButton">hello</div>

CSS

.hidden {
    display: none;
}
.unhidden {
    display: block;
}

JS

$(document).ready(function () {
    $("a").click(function () {
        $("div").toggleClass("hidden unhidden");
    });
});

Answer 1

你想要这个。

<li><a class="toggle">Toggle Edit Mode</a>

$(".toggle").click(function () {
    $("div").toggleClass("hidden unhidden");
}

您不能使用 $("toggle") ，因为这会查找 html 标记 <toggle> .而是添加一个类 toggle到您要切换的链接。