javascript - 对话框隐藏后折叠传播不会消失

Question

我制作了一个带有 css:visibility 隐藏和可见的模态对话框。

<div id="myModal">
  <a data-toggle="collapse" href = "#spread">
    <span class = "caret"></span>Spread
  </a>
  <div id = "spread" class = "panel-collapse collapse">
   ...
  </div>
</div>
<button onclick = "HideModal()">Hide Modal</button>

Javascript 代码

HideModal(){
var modal = document.GetElementById("myModal");
modal.style.visibility = "hidden";
}

所有功能都运行良好，但带有折叠功能的菜单运行不佳。 如果我打开菜单并隐藏对话框，所有内容都会消失，但传播不会消失。
有没有人遇到过这种问题？

Answer 1

你的问题出在这一行

modal.style.visibility = "hidden";

在我对您的问题进行的实验中，可见性折叠将覆盖隐藏的可见性。

解决方案 将 HideModal() 内容更改为

$('#myModal').addClass("hidden");