在链接点击上切换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到要切换的链接.