JSFiddle - React, Tailwind, and code Playground

HTML

<div class='type' id='type3'>
<h3>1.2.Valj Material</h3>
<div class='tile_btn'><span id='marmorskivorCount'>0</span><button class='tiles' type='button' name='material' value='1'>marmorskivor</button></div>
<div class='tile_btn'><span id='granitCount'>0</span><button class='tiles' type='button' name='material' value='2'>granit</button></div>
</div>
<div class='type' id='type4'>
<h3>1.2.Valj Material</h3>
<div class='tile_btn'><span id='marmorCount'>0</span><button class='tiles' type='button' name='material' value='3'>marmor</button></div>
<div class='tile_btn'><span id='granitCount'>0</span><button class='tiles' type='button' name='material' value='4'>granit</button></div>
</div>
<div class='type' id='type5'>
<h3>1.2.Valj Material</h3>
<div class='tile_btn'><span id='granitCount'>0</span><button class='tiles' type='button' name='material' value='5'>granit</button></div>
<div class='tile_btn'><span id='kalkstenCount'>0</span><button class='tiles' type='button' name='material' value='6'>kalksten</button></div>
<div class='tile_btn'><span id='marmorCount'>0</span><button class='tiles' type='button' name='material' value='7'>marmor</button></div>
<div class='tile_btn'><span id='Övrigt sortimentCount'>0</span><button class='tiles' type='button' name='material' value='8'>Övrigt sortiment</button></div>
</div>
                       
                      <div class='material' id='material1'>
<a class='product'><div class='tiles_bg' style='background:url(media/images/tile2.jpg);'><input class='select_all' type='checkbox' name='marmorskivor' value='Verde Guatemala'></div><p>Verde Guatemala</p></a>
<a class='product'><div class='tiles_bg' style='background:url(media/images/tile1.jpg);'><input class='select_all' type='checkbox' name='marmorskivor' value='Bianco Carrara'></div><p>Bianco Carrara</p></a>
</div>
<div class='material' id='material2'>
<a class='product'><div class='tiles_bg' style='background:url(media/images/tile4.jpg);'><input class='select_all' type='checkbox'...

CSS

.material {
	display: none; 
}

.active {
	background: red;
	color: #13223d;
	border: 1px solid #13223d;
}

JavaScript

$(".tiles").click(function () {
		    var divname = this.value;
			$(this).addClass("active")
		       $("#material"+divname).fadeIn('3000').siblings('.material').hide();
			   
			   
			   $(this).siblings('.tiles').removeClass("active")
			    });