我有展開和折疊 div 的按鈕。我需要添加一些 javascript 來折疊所有展開的,然后再展開。
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<button class="btn btn-secondary"
data-bs-toggle="collapse" data-bs-target="#resize-form"
aria-expanded="false" aria-controls="resize-form" title="Resize">
Resize
</button>
<button class="btn btn-secondary"
data-bs-toggle="collapse" data-bs-target="#brightness-form"
aria-expanded="false" aria-controls="resize-form" title="Resize">
Brightness
</button>
<div id="resize-form" class="collapse bg-primary p-4" style="background: red">
<p>Resize</p>
</div>
<div id="brightness-form" class="collapse bg-secondary p-4">
<p>
Brightness
</p>
</div>
什么需要在展開之前折疊所有打開的?
uj5u.com熱心網友回復:
<script>
$(function() {
$("button").click(function(){
$(".collapse").removeClass("show");
});
});
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/530160.html
