Javascript 引导列表组：将两个或多个列表组与一个活动选择组合在一起

目前，我正在尝试结合引导和。因此，我得到了列表组的集合。每个选项只能有一个活动选项。相反，我希望每个手风琴只有一个活动选项

巴乌
布劳霍夫
弗拉丁根
阿尔斯米尔

您的实现很好。只是yopu错过了Aalsmeer按钮上的

data toggle=“list”

。我又增加了2-3个按钮，使效果更加清晰可见

您必须通过jquery从所有

列表组项

元素中删除

活动显示

类

$(".list-group-item").on('click', function() {
  $(".list-group-item").each(function(index) {
    $(this).removeClass("active show");
  });
})

$（“.list group item”）。在（'click'，function（）上{
$（“.list组项”）。每个（函数（索引）{
$（此）.removeClass（“活动显示”）；
});
})

巴乌
布劳霍夫
弗拉丁根
信息
阿尔斯米尔
轮廓
设置

您的实现很好。只是yopu错过了Aalsmeer按钮上的

data toggle=“list”

。我又增加了2-3个按钮，使效果更加清晰可见

您必须通过jquery从所有

列表组项

元素中删除

活动显示

类

$(".list-group-item").on('click', function() {
  $(".list-group-item").each(function(index) {
    $(this).removeClass("active show");
  });
})

$（“.list group item”）。在（'click'，function（）上{
$（“.list组项”）。每个（函数（索引）{
$（此）.removeClass（“活动显示”）；
});
})

巴乌
布劳霍夫
弗拉丁根
信息
阿尔斯米尔
轮廓
设置

谢谢你，南迪塔。我想为所有的小组选择一个。因此，当您选择“Messages”并按下“Settings”时，“Messages”的选择将使一个div中所有可选择的div消失，但它不会从另一个div中的元素中删除活动div。我认为您必须编写一个脚本来删除该活动元素。让我试着给你回电话我已经更新了答案，请看看它是否适合你谢谢你，南迪塔。我想为所有的小组选择一个。因此，当您选择“Messages”并按下“Settings”时，“Messages”的选择将使一个div中所有可选择的div消失，但它不会从另一个div中的元素中删除活动div。我认为您必须编写一个脚本来删除该活动元素。让我试着给你回电话。我已经更新了答案，请看它是否适合你