JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
		
		<li><a id="category" href="">Catergory</a></li>
		<li><a id="style" href="">styles</a></li>
		<li><a id="brand" href="">brand</a></li>
	</ul>


	<div id="one">This is my category</div>
	<div id="two">This is styles</div>
	<div id="three">This is main brands</div>

CSS

#two, #three, #four{
    display:none;
}

JavaScript

$("#category").click(function(){
  $("#one").fadeToggle();
});

$("#style").click(function(){
  $("#two").fadeToggle();
});
$("#brand").click(function(){
  $("#three").fadeToggle();
});