Суть вопроса такова:
К примеру, есть Navbar с External Content:
<div class="pos-f-t">
<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4">
<h4 class="text-white">Collapsed content</h4>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
</div>
<nav class="navbar navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
Где кнопка открывает скрытый контент с id="example"
Но если добавить несколько кнопок, где каждая кнопка открывает отдельный контент:
<div class="pos-f-t">
<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4">
<h4 class="text-white">Collapsed content</h4>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
</div>
<div class="collapse" id="navbarToggleExternalContent2">
<div class="bg-dark p-4">
<h4 class="text-white">Collapsed content 2</h4>
<span class="text-muted">Toggleable via the navbar brand 2</span>
</div>
</div>
<nav class="navbar navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent2" aria-controls="navbarToggleExternalContent2" aria-expanded="false" aria-label="Toggle navigation2">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
То при последовательном нажатии кнопок скрытый контент будет раскрыт в этом же порядке.
Мне нужно чтобы, к примеру, при нажатии на Button1 открывался скрытый контент но если нажать на Button2 предыдущий контент с Button1 скрывался и открывался контент с Button2. При этом не было никакой порядковой связи, например, после нажатия Button5 скрывался контент Button2 и открывался контент Button5.
Я знаю что есть параметры data-parent и data-child но как работают и что связывают понятия не имею.