我有一個(gè)帶有三個(gè)“面板”的手風(fēng)琴，第一個(gè)是在初始負(fù)載時(shí)展開(kāi)的。第一個(gè)面板有一個(gè)輸入字段。當(dāng)用戶更新此字段時(shí)，我想自動(dòng)展開(kāi)下一個(gè)面板并折疊當(dāng)前面板。它自己的手風(fēng)琴按預(yù)期工作（我在頁(yè)面上有 jquery 可用）。我已經(jīng)搜索過(guò)并且僅通過(guò)單擊鏈接/按鈕找到了展開(kāi)/折疊的示例。我怎么做？這是我的代碼：$(document).ready(function() { // Add minus icon for collapse element which is open by default $(".collapse.in").each(function() { $(this).siblings(".panel-heading").find(".glyphicon").addClass("rotate"); }); // Toggle plus minus icon on show hide of collapse element $(".collapse").on('show.bs.collapse', function() { $(this).parent().find(".glyphicon").addClass("rotate"); }).on('hide.bs.collapse', function() { $(this).parent().find(".glyphicon").removeClass("rotate"); });});<div class="bs-example"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-menu-right"></span> Text</a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> <div class="row"> <div class="col-sm-3"> <label for="text">Text</label> </div> <div class="col-sm-1"></div> <div class="col-sm-8"> <input type="text" class="form-control" id="textfield" ng-model="textfield" ng-blur="c.updatedField()"> <br /> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-menu-right"></span> More text</a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> <h4 class="panel-title">More text</h4> </div> </div> </div>
手風(fēng)琴，如何自動(dòng)折疊一個(gè)并展開(kāi)下一個(gè)
牛魔王的故事
2021-11-04 17:40:48
