JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<span class="categoryTitle">Vágógépek</span>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Abraziv_vagogepek_kezi.aspx">Abrazív vágógépek, kézi</a>
<a class="categorySub categorySubCurrent" href="http://www.grimas.hu/hu/metallografia/Lapok/Abraziv_vagogepek_automata.aspx">Abrazív vágógépek, automata</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Precizios_vagogepek.aspx">Precíziós vágógépek</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Vagotarcsak_abraziv_vagogepekhez.aspx">Vágótárcsák abrazív vágógépekhez</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Vagotarcsak_precizios_vagogepekhez.aspx">Vágótárcsák precíziós vágógépekhez</a>
<span class="categoryTitle">Beágyazó Prések</span>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Kezi_beagyazogepek.aspx">Kézi beágyazógépek</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Automata_beagyazogepek.aspx">Automata beágyazógépek</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Vakuumos_beagyazas.aspx">Vákuumos Beágyazás</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Hidegbeagyazo_anyagok.aspx">Hidegbeágyazó anyagok</a>
<a class="categorySub"href="http://www.grimas.hu/hu/metallografia/Lapok/Melegbeagyazo_anyagok.aspx">Melegbeágyazó anyagok</a>
<span class="categoryTitle">Csiszoló és Polírozó Gépek</span>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Csiszologepek_kezi.aspx">Csiszoló gépek, kézi</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Csiszolofejek.aspx">Csiszolófejek</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Csiszologepek_automata_csiszolofejjel.aspx">Csiszoló gépek automata csiszolófejjel</a>
<a class="categorySub" href="http://www.grimas.hu/hu/metallografia/Lapok/Adagolo_keszulekek.aspx">Adagoló...

CSS

.hidden{
    display:none;
}
a,span{
    display:block;
    background-color:red;
}

JavaScript

var selectorSpan = "span.categoryTitle";
var categoryTitles = $(selectorSpan);

categoryTitles.each( function( i, elem ) {
    var subs = $( this ).nextUntil( selectorSpan );
    if ( !subs.filter(".categorySubCurrent").length ) {
        $( this )
            .on("click", function(e) {
                $( subs ).toggleClass( "hidden" )
        });
    }
})