JSFiddle - React, Tailwind, and code Playground

by hoss

HTML

<div class="item"> <a href="">element1</a>  <span>span1</span>

</div>
<div class="item">
<a href="">element2</a>  <span>span2</span>

</div>
<div class="item">
<a href="">element3</a>  <span>span3</span>

</div>
<div class="item">
<a href="">element4</a>  <span>span4</span>

</div>

JavaScript

$('.item span').hide();

$('.item a').click(function (e) {

    e.preventDefault();
    // hide all span
    var $this = $(this).parent().find('span');
    $(".item span").not($this).hide();

    // here is what I want to do
    $this.toggle();

});