Javascript 如何在div标签上一个接一个地关闭和打开

基本上，我试图轻松地刷新一个可折叠的div。当我想要更改数据时，我可以运行一个脚本，基本上关闭并打开div（如果它打开），如果它关闭，只打开div。 我的目标是使用类似的东西

$("#procDiv").html("New Data");
if($("#procDiv").attr('class').contains("collapse in")) {
    $("#procDiv").collapse("close");
    $("#procDiv").collapse("open");
} else {
    $("#procDiv").collapse("open");
}

但我有一个问题，因为当我告诉它打开时，它没有打开，这将是我假设的，因为它在动画中，所以它不希望有任何新的指示

HTML

航空站
搜索

这样试试看

---

顺便说一下，代码第2行有语法错误。你错过了双引号

你在哪里写的这个脚本？在文档准备就绪时？@Se0ng11当用户单击按钮和html代码时运行…@BhavinSolanki添加了相关的HTMLI我在寻找的东西不是简单地打开或关闭一个div，而是一个接一个地打开和关闭一个div。这样就好像它正在刷新可见数据一样。然后，您可以使用

carousel jquery的默认功能或使用
nth child
<form class="form-inline">
  <div class="form-group">
    <label class="sr-only" for="inputAirport">Airport</label>
    <input type="text" class="form-control" id="inputAirport" placeholder="Airport">
  </div>
  <button class="btn btn-primary btn-sm btn-search">Search</button>
</form>

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" href="#procDiv">Procedures</a>
        </h4>
    </div>
    <div id="procDiv" class="panel-collapse collapse"></div>
</div>

if($("#procDiv").hasClass("collapse in")) {
    $("#procDiv").slideDown();
} else {
    $("#procDiv").slideUp();
}