JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<button class=hide-btn>a</button>
<button class=hide-btn>b</button>
<button class=hide-btn>c</button>
<button class=hide-btn>d</button>
<div class=hide-content>a</div>
<div class=hide-content>b</div>
<div class=hide-content>c</div>
<div class=hide-content>d</div>

JavaScript

$(document).ready(function() {

  var hcon = $(".hide-content")
  var hbtn = $(".hide-btn")

  hcon.hide();
  hbtn.click(function() {
    var index = hbtn.index(this) // which one is it?
    $(hcon).eq(index).slideToggle("slow");
  });
});