Javascript 默认情况下，使用jquery取消选择已激活的列表项并激活另一个列表项

您好，我的网站上有一个类别列表。如果用户第二次单击该列表类别，我将为此编写jquery代码以取消选择该类别。一旦用户单击所选类别，则应取消选择该类别，默认情况下应选择所有按钮类别

现在，如果我第二次单击所选类别，它将取消选择该类别，但默认情况下“全部”按钮不会选择

代码：

jQuery（文档）.ready（函数（）{
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
jQuery（“.tribe-events-category-5”）。触发器（“单击”）；
jQuery（#图例li”）。在（“单击”，函数（）上{
jQuery（“#legend li”）.not（this.removeClass（“active”）；
jQuery（this）.toggleClass（“活动”）；
});
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
});
#图例li:未（.active）{
不透明度：0.3；
}
.部落-事件-类别-5{
背景色：#800000；
左边框：5px实心#800000；
右边框：5px实心透明；
颜色：#fff；
线高：1.4em；
左侧填充：5px；
}
#李传奇{
光标：指针；
}


所有
音乐
跳舞
节日
您只需找到
All
的类，然后使用
jQuery（this）.prev（'.tribe events category All'）.toggleClass（“active”）像这样


jQuery（文档）.ready（函数（）{
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
jQuery（“.tribe-events-category-5”）。触发器（“单击”）；
jQuery（“#图例li”）。在（“单击”，函数（）{
jQuery（“#legend li”）.not（this.removeClass（“active”）；
jQuery（this）.toggleClass（“活动”）；
if（！$（this）.hasClass（“部落事件类别全部”）&&（！$（this.hasClass（“活动”））{
jQuery（this）.this（'.tribe事件类别all'）.toggleClass（“活动”）；
}
});
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
});
#图例li:未（.active）{
不透明度：0.3；
}
.部落-事件-类别-5{
背景色：#800000；
左边框：5px实心#800000；
右边框：5px实心透明；
颜色：#fff；
线高：1.4em；
左侧填充：5px；
}
#李传奇{
光标：指针；
}


所有
音乐
跳舞
节日
您只需找到
All
的类，然后使用
jQuery（this）.prev（'.tribe events category All'）.toggleClass（“active”）像这样


jQuery（文档）.ready（函数（）{
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
jQuery（“.tribe-events-category-5”）。触发器（“单击”）；
jQuery（“#图例li”）。在（“单击”，函数（）{
jQuery（“#legend li”）.not（this.removeClass（“active”）；
jQuery（this）.toggleClass（“活动”）；
if（！$（this）.hasClass（“部落事件类别全部”）&&（！$（this.hasClass（“活动”））{
jQuery（this）.this（'.tribe事件类别all'）.toggleClass（“活动”）；
}
});
jQuery（“.tribe-events-category-5”）.addClass（“活动”）；
});
#图例li:未（.active）{
不透明度：0.3；
}
.部落-事件-类别-5{
背景色：#800000；
左边框：5px实心#800000；
右边框：5px实心透明；
颜色：#fff；
线高：1.4em；
左侧填充：5px；
}
#李传奇{
光标：指针；
}


所有
音乐
跳舞
节日
不确定这是否是您所期望的。看看吧。这里是对代码的修改，但是已经编辑了一点，还有一件事没有使用jQuery，您可以一直使用$


$（文档）.ready（函数（）{
$（“.tribe-events-category-5”）.addClass（“活动”）；
$（“#图例li”）。在（“单击”，函数（）{
$（“#legend li”）.not（this.removeClass（“active”）；
if（$（“#图例li”）.hasClass（“活动”））{
$（“.tribe事件类别所有”）.addClass（“活动”）；
}否则{
$（“.tribe事件类别所有”）.removeClass（“活动”）；
}
$（此）.toggleClass（“活动”）；
});
});
#图例li:未（.active）{
不透明度：0.3；
}
.部落-事件-类别-5{
背景色：#800000；
左边框：5px实心#800000；
右边框：5px实心透明；
颜色：#fff；
线高：1.4em；
左侧填充：5px；
}
#李传奇{
光标：指针；
}


所有
音乐
跳舞
节日
不确定这是否是您所期望的。看看吧。这里是对代码的修改，但是已经编辑了一点，还有一件事没有使用jQuery，您可以一直使用$


$（文档）.ready（函数（）{
$（“.tribe-events-category-5”）.addClass（“活动”）；
$（“#图例li”）。在（“单击”，函数（）{
$（“#legend li”）.not（this.removeClass（“active”）；
if（$（“#图例li”）.hasClass（“活动”））{
$（“.tribe事件类别所有”）.addClass（“活动”）；
}否则{
$（“.tribe事件类别所有”）.removeClass（“活动”）；
}
$（此）.toggleClass（“活动”）；
});
});
#图例li:未（.active）{
不透明度：0.3；
}
.部落-事件-类别-5{
背景色：#800000；
左边框：5px实心#800000；
右边框：5px实心透明；
颜色：#fff；
线高：1.4em；
左侧填充：5px；
}
#李传奇{
光标：指针；
}


所有
音乐
跳舞
节日
您想做的事情不清楚undestand@Bhargav从现在起，当我默认打开一个网页时，如果我第二次单击“音乐”选项卡，它将被选择为音乐。一旦取消选择“音乐”选项卡，所有选项卡都将被默认选择。您必须为其添加代码