我正在努力寻找一种干净的方法来单击切换侧面导航栏的显示，同时使用几个 Bootstrap 4 的显示类，因为它们使用了 !important。
例如，这是一个使用我想要切换显示的显示类的示例 div。
<div class="module-name d-none d-lg-block sb-collapsable">
{{module_name}}
</div>>
也许我现在真的很密集，但我找不到一种干净的方法来切换这个显示，因为 d-none 和 d-lg-block 类都使用 display: none/block !important。sb-collapsable 类可以帮助我找到我想在 jQuery 中隐藏的所有东西。我真的很感激任何帮助。我尝试了很多不同的东西，并四处寻找类似的问题，但没有提出任何问题。
编辑：我应该补充一点，并不是每个使用 sb-collapsable 类的 div 都有相同的类。这是另一个例子。理想情况下，我需要在不知道 JS 执行之前的显示状态的情况下切换此 div 和另一个 div 的可见性。
<a class="d-block d-lg-none brand bg-dark sb-collapsable" href="#">XXX</a>