jQuery - 只有事件菜单项才会改变

Question

我是 jQuery 的初学者，我想将背景颜色更改为事件菜单项，但我不知道如何操作。如果我选择某些元素背景将会改变，但如果我选择另一个元素，在前一个元素中仍然保持“事件背景颜色”，我想改回默认颜色，并且只有事件菜单项会改变。

现在这是静态菜单，但我会将其从数据库重建为动态菜单，这样我就可以使用一些 id 或每个菜单项唯一的任何内容。

我只有这个，因为不知道下一步如何:

        $('#accordian h3').click(function () {
            $(this).addClass("active1")
        });

完整源代码在这里http://jsfiddle.net/BERRF/ 。在 jsfiddle 中回答是最好的。提前致谢。

Answer 1

添加:

$("#accordion h3").removeClass("active1");

你可以在 fiddle 上看到这一点。另外，您不需要 2 个点击事件，您可以将它们组合起来。

http://jsfiddle.net/sx2Z7/

您只需从每个 h3 中删除所有 active1 类，然后再次设置它，这样只有当前的 active 才会具有白色背景颜色。

已经清楚了还是有疑问？ :)