Question

我有以下问题，

在我的网站的某些部分，我正在使用Bootstrap折叠显示一个应该仅在移动设备中看到的元素，或者在768px下的分辨率。

我遇到的问题是，如果我在768px以下切换元素但我不关闭它，如果我调整浏览器大小，元素仍然可见。

我正在使用$('#collapse').collapse('toggle');来展示元素。

因此，当我调整大小时，我可以使用.collapse('hide')隐藏元素，如果它被切换

但是如果我的分辨率低于768px但没有激活折叠并且我重新调整到更大的分辨率，那么元素因为.collapse('hide')而无法切换。

那么，我如何知道元素是否被切换或激活，以及在浏览器调整大小时还原它？

Answer 1

您可以使用jQuery Visible selector，如果元素可见，请将其设置为隐藏。

if ($('#collapse').is(':visible')) {
    $('#collapse').collapse('hide');
}