jQuery-只有活动菜单项将更改

我是jQuery的初学者，我想将背景颜色更改为活动菜单项，但我不知道如何更改。如果我选择了某个项目，背景将发生变化，但如果我选择了另一个项目，则在之前的项目中，保持“活动背景颜色”，并且我想更改回默认颜色，并且只会更改活动菜单项

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

我之所以这样是因为我不知道下一步该怎么做：

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

完整的来源在这里。最好用jsfiddle来回答。提前感谢。

添加：

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

你可以在小提琴上看到。此外，您不需要2次单击事件，您可以将它们组合在一起

在重新设置之前，您只需从每个h3中删除所有active1类，这样只有当前活动的类才具有白色背景色

---

很清楚或者有什么问题吗？：）

首先“重置”先前选择的元素：

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

---

这应该就够了。

试试这个，首先删除类

active1

，然后添加

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

---

在h3中添加一个类

class="accordiontabs"

例如：

<h3  class="accordiontabs"><span class="icon-tasks"></span><a href="#">Tasks</a></h3>

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