2016-11-08 4 views
0

私はブートストラップ3で、アコーディアンのデフォルト機能は、開いているときに折り畳み可能な要素を閉じることです。アコーディオンのような折りたたみ要素の使用 - ブートストラップ3

折り畳みを使用してこれを行うことは可能ですか?

<div class="collapse" id="collapse5"> 

    <p> venenatis tincidunt. Fusce at dolor nunc. 
     Duis maximus pulvinar leo, id laoreet massa tincidunt ut. 
     Quisque scelerisque sit amet ipsum eget ornare. 
     Donec eu blandit lectus. Suspendisse potenti. 
     Praesent posuere enim sapien. Etiam et ullamcorper sem. 
     Nam quis leo eu enim porttitor mattis vitae vel libero. 
     Curabitur feugiat nec nulla quis luctus. 
    </p> 
</div> 

<button class="btn my-btn" type="button" data-toggle="collapse" data- target="#collapse5" aria-expanded="false" aria-controls="collapseExample" onclick="this.classList.toggle('open2')"> 
       &nbsp; 
</button> 

基本的にボタンは、折りたたみ可能なDIVを開きますが、ID 5が開いている場合、それは言うことが可能であり、他の4を閉じて?

または、これらの要素をアコーディオンに変換するだけでよいですか?

+1

あなたのコードのために、このfiddleが私のためだけで正常に動作チェックは、ちょうど** **データ - ターゲット=「#1 collapse5」 ''に巨大なスペースを削除&それがために正常に動作する必要がありますあなた、そうでなければ私に教えてください –

答えて

0
If you dont want to use accordian then you must place onclick event on other buttons or you can use accordian 

ブートストラップアコーディオン

関連する問題