Bootstrap-ukrywanie zawartości

Question

Witam. Zależy mi na osiągnięciu efektu w którym mam 3 przyciski i kiedy nacisne jeden z nich to pojawi sie zawartośc jednego diva, a porzednia odkryta zostanie zakryta. Pytanie czy da się to zrobić samym Bootstrapem, czy musze to wykombinować w JQuerry. Z góry dzięki.

<div class="btn-group" role="group" aria-label="Basic example">
	<button type="button" class="btn btn-dark" data-toggle="collapse" data-target="#text" >Button</button>
	<button type="button" class="btn btn-light" data-toggle="collapse" data-target="#text1" >Button</button>
	<button type="button" class="btn btn-success" data-toggle="collapse" data-target="#text2" >Button</button>
	</div>
	
	<div id="text" class="collapse">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum quam ad voluptas aspernatur voluptatem provident, soluta fugiat eum temporibus quas cupiditate autem neque error magni quidem harum sapiente explicabo reiciendis. Nisi recusandae ex nemo, optio sapiente provident similique facilis maxime.<br> </div>
	
	<div id="text1" class="collapse">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum quam ad voluptas aspernatur voluptatem provident, soluta fugiat eum temporibus quas cupiditate autem neque error magni quidem harum sapiente explicabo reiciendis. Nisi recusandae ex nemo, optio sapiente provident similique facilis maxime.<br> </div>
	
	<div id="text2" class="collapse">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum quam ad voluptas aspernatur voluptatem provident, soluta fugiat eum temporibus quas cupiditate autem neque error magni quidem harum sapiente explicabo reiciendis. Nisi recusandae ex nemo, optio sapiente provident similique facilis maxime.<br> </div>

 

Answer 1

Nie musisz nic kombinować, ale bootstrap korzysta z jQuery, więc musisz tą bibliotekę jednak podpiąć. I tyle - zacznie działać. bootstrap collapse