Javascript 如何在bootstrap 4切换中隐藏/显示单击时的多重效果

我已经使用单击完成了隐藏和显示效果

$（文档）.ready（函数（）{
//先隐藏清除按钮
$（“.clearfiltershow.clearFiltersBtn”）.css（‘可见性’、‘隐藏’）；
//单击显示类被触发的时间
$（document）.on（'click'，'.sortAndFilterButton.FilterButton.active'，函数（）{
$（“.clearfiltershow.clearFiltersBtn”）.css（'visibility'，'visible'）；
});
//在类被触发时单击隐藏
$（document）.on（'click'，'）.sortAndFilterButton.FilterButton.collapsed'，函数（）{
$（“.clearfiltershow.clearFiltersBtn”）.css（‘可见性’、‘隐藏’）；
});
});

过滤器
哈罗

根据此显示/隐藏清除元素，您可以检查单击的按钮是否已激活类而未折叠类

演示代码：


$（文档）.ready（函数（）{
$（“.clearfiltershow.clearFiltersBtn”）.css（‘可见性’、‘隐藏’）；
$（document）.on（'click'，'sortAndFilterButton.filtersButton'，function（）{
//检查按钮是否已激活类且未折叠
if（$（this.hasClass（“活动”）和&！$（this.hasClass（“折叠”））{
$（“.clearfiltershow.clearFiltersBtn”）.css（'visibility'，'visible'）；
}否则{
$（“.clearfiltershow.clearFiltersBtn”）.css（‘可见性’、‘隐藏’）；
}
});
});

过滤器
哈罗