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'>
       ...

CSS

.material {
    display: none;
}

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

JavaScript

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