Bootstrap将jQuery addClass / removeClass折叠为仅被单击的一个

Question

部分问题在于我不确定如何说出我想要的内容......

这是我的jQuery

$(".view-bio").click(function(){
if($("h2 a").hasClass("collapsed")) {
    $("h2 a").removeClass("collapsed");
} else {
    $("h2 a").addClass("collapsed");
}
});

我有一个在WordPress中生成的无序列表。一切正常，除非你点击，它是从所有列表项添加/删除类 - 而不仅仅是单击的那个。

请帮忙。谢谢！

Answer 1

在这里试试这个jsFiddle：http://jsfiddle.net/kakashi/FsLax/

问题在于您选择的是所有链接，而不是单击的链接。

在jsFiddle中查看我的示例代码;我使用$(this)来引用触发click事件的元素，并仅在该特定元素上切换collapsed类。

编辑：这是我使用的代码：

$('h2 a').click(function() {
    $(this).toggleClass('collapsed');
});

希望这有帮助。