Bootstrap 4 引导4“；“全部”；标签

我已经用Bootstrap4“tablist”创建了可切换标签，它们是可切换的，工作得很好

我想创建一个“全部”选项卡，它将显示所有不同选项卡的所有内容，但不知道如何使“全部”选项卡工作！ 非常感谢您的帮助

以下是我的标签标题：

案例
此处案例内容


牧师。Rul.s&；通知
此处的裁决内容


规定
此处的法规内容

试试这个

$（“.tabContent”）.clone（）.appendTo（“#tabContent”）







全部的
案例
此处案例内容
牧师。规则和通知
此处的裁决内容
规定
此处的法规内容
试试这个


$（“.tabContent”）.clone（）.appendTo（“#tabContent”）







全部的
案例
此处案例内容
牧师。规则和通知
此处的裁决内容
规定
此处的法规内容
您必须手动添加一些控制“All”链接行为的JS

您要做的是：


创建一个显示所有内容的特殊选项卡，ID为“全部显示”
当您单击此选项卡时，它会向所有窗格添加类.active和.show，以便它们都可见
当您单击一个没有#show#u all ID的选项卡时，它会从所有选项卡窗格中删除您不需要的类.show和.active

这里有一个工作片段


$（“#全部显示”）。在（“单击”，函数（）{
$（this）.addClass（“active”）.parent（“li”）.sides（）.find（“a”）.removeClass（“active”）；
$（“.tab窗格”）.removeClass（“淡入”）.addClass（“活动”）.addClass（“显示”）；
});
$（“.nav link”）。不（“#全部显示”）。在（“单击”，函数（）{
log（this.hash）；
$（“.tab pane”）.not（this.hash）.removeClass（“活动”）.removeClass（“显示”）；
});









案例
此处案例内容


牧师。规则和通知
此处的裁决内容


规定
此处的法规内容
您必须手动添加一些控制“All”链接行为的JS

您要做的是：


创建一个显示所有内容的特殊选项卡，ID为“全部显示”
当您单击此选项卡时，它会向所有窗格添加类.active和.show，以便它们都可见
当您单击一个没有#show#u all ID的选项卡时，它会从所有选项卡窗格中删除您不需要的类.show和.active

这里有一个工作片段


$（“#全部显示”）。在（“单击”，函数（）{
$（this）.addClass（“active”）.parent（“li”）.sides（）.find（“a”）.removeClass（“active”）；
$（“.tab窗格”）.removeClass（“淡入”）.addClass（“活动”）.addClass（“显示”）；
});
$（“.nav link”）。不（“#全部显示”）。在（“单击”，函数（）{
log（this.hash）；
$（“.tab pane”）.not（this.hash）.removeClass（“活动”）.removeClass（“显示”）；
});









案例
此处案例内容


牧师。规则和通知
此处的裁决内容


规定
此处的法规内容
你能告诉我们什么不起作用吗？很难调试一个问题，你给出了一个工作的例子，但不包括麻烦的代码。你能告诉我们什么不工作吗？如果您给出了一个工作示例，但没有包含令人不安的代码，则很难调试该问题。