jquery - 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)用来引用触发点击事件的元素，并collapsed仅在该特定元素上切换类。

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

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

希望这可以帮助。