JSFiddle - React, Tailwind, and code Playground

by juristr

HTML

<div id="content" >
      <h1><a href="#">Sample 1</a></h1>
      <img src="" alt="sample 1" />

       <h1><a href="#">Sample 2</a></h1>
      <img src="" alt="sample 2" />

       <h1><a href="#">Sample 3</a></h1>
      <img src="" alt="sample 3" />

       <h1><a href="#">Sample 4</a></h1>
      <img src="" alt="sample 4" />
</div>

JavaScript

/*

   h1
      a
   img

*/


$(function(){
    $("img").hide();
    
    
    $("a").click(function(ev,el){
       $(this).parent("h1").nextUntil("h1").fadeToggle();
    });
    
});