JSFiddle - React, Tailwind, and code Playground

HTML

<button class="one"> Hello</button>
<span class="two">world</span>

<button class="one"> Hello</button>
<span class="two">world</span>

<button class="one"> Hello</button>
<span class="two">world</span>

<button class="one"> Hello</button>
<span class="two">world</span>

CSS

.two {
    display: none;
}

JavaScript

$(document).on("click", function (e) {
		var clickedElement = $(e.target);


		if (clickedElement.hasClass("one") ) {
            clickedElement.next().show(400, "linear");
		}
		else {
			$(".two").hide();
		}



	});