Question

基本上，我正在尝试轻松刷新可折叠的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

<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>

Answer 1

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

尝试这种方式。

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

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

1 个答案: