0
我有這個代碼的內容應該崩潰,並且只有一組應該在一次出現。我添加了正確的庫,但是一旦嵌入到HTML頁面中,它就無法正常工作。我找不到問題。它仍然同時顯示內容。從http://jsfiddle.net/Sherbrow/nuNsp/83/爲什麼這不是摺疊在html
.collapse.in { min-height: 50px;border: 1px solid blue; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div id="myGroup">
<button class="btn dropdown" data-toggle="collapse" data-target="#keys" data-parent="#myGroup"><i class="icon-chevron-right"></i> Keys </button>
<button class="btn dropdown" data-toggle="collapse" data-target="#attrs" data-parent="#myGroup"><i class="icon-chevron-right"></i> Attributes</button>
<button class="btn dropdown" data-toggle="collapse" data-target="#edit" data-parent="#myGroup"><i class="icon-chevron-right"></i> Edit Details</button>
<div class="accordion-group">
<div class="collapse indent" id="keys">
keys
</div>
<div class="collapse indent" id="attrs">
attrs
</div>
<div class="collapse" id="edit">
edit
</div>
</div>
</div>
_「我有正確的庫添加」 _ - 不,你不這樣做,小提琴使用引導V2.0.4,你把v3.3.7在你的片段。 – Vucko