JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<a href="#" class="show_hide"><img src="image.jpg"></a>
<div class="slidingDiv">
    <h2>Title 1</h2>
    <p>text 1</p>
</div>
<a href="#" class="show_hide"><img src="image.jpg"></a>
<div class="slidingDiv">
    <h2>Title 2</h2>
    <p>text 2</p>
</div>

JavaScript

$(".slidingDiv").hide();
 $(".show_hide").show();

 $('.show_hide').click(function() {
     $(this).next(".slidingDiv").slideToggle();
 });