JSFiddle - React, Tailwind, and code Playground

by j08691

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) {
	    $(".two").hide();
	});
	$('button.one').click(function (e) {
        e.stopPropagation();
	    $(this).next().show(400, "linear");
	})