, div jquery
1) div,
2) js, div
html :
<div class="row">
<div class="col">
<a href="#" onclick="toggler('slide1');">slide 1</a>
</div>
<div class="col">
<a href="#" onclick="toggler('slide2');">slide 2</a>
</div>
<div class="col">
<a href="#" onclick="toggler('slide3');">slide 3</a>
</div>
<div class="col">
<a href="#" onclick="toggler('slide4');">slide 4</a>
</div>
<div class="col">
<a href="#" onclick="toggler('slide5');">slide 5</a>
</div>
</div>
<div class="container">
<div id="slide1" class='hidden slide'>
<div class="row">
<div class="col">
<img src="img.jpg">
</div>
<div class="col">
<img src="img.jpg">
</div>
</div>
</div
<div id="slide2" class='hidden slide'>
<div class="row">
<div class="col">
<img src="img.jpg">
</div>
<div class="col">
<img src="img.jpg">
</div>
</div>
</div>
<div id="slide3" class='hidden slide'>
<div class="row">
<div class="col">
<img src="img.jpg">
</div>
<div class="col">
<img src="img.jpg">
</div>
</div>
</div>
<div id="slide4" class='hidden slide'>
<div class="row">
<div class="col">
<img src="img.jpg">
</div>
<div class="col">
<img src="img.jpg">
</div>
</div>
</div>
<div id="slide5" class='hidden slide'>
<div class="row">
<div class="col">
<img src="img.jpg">
</div>
<div class="col">
<img src="img.jpg">
</div>
</div>
</div>
</div>
javascript
function toggler(divId) {
$('.slide').hide();
$("#" + divId).toggle();
}
user8106201