JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="controlList first">
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Baby- Peuter- en Voorleesboeken&quot;" href="#">Baby- Peuter- en Voorleesboeken (1171)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Buit.Lit.Engels/Amerikaans&quot;" href="#">Buit.Lit.Engels/Amerikaans (782)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Educatief Instrumentele Vaardigheden&quot;" href="#">Educatief Instrumentele Vaardigheden (733)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Sport&quot;" href="#">Sport (537)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Educatief Exacte Vakken&quot;" href="#">Educatief Exacte Vakken (455)</a></li>
</ul>

<ul class="controlList second" >
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Gezondheid algemeen&quot;" href="#">Gezondheid algemeen (435)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Kinderboeken&quot;" href="#">Kinderboeken (399)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Muziek&quot;" href="#">Muziek (355)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Kinderboeken Fictie algemeen&quot;" href="#">Kinderboeken Fictie algemeen (352)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Hobby&quot;" href="#">Hobby (295)</a></li>
    <li class="verfijnZoekResulatenFilter"><a class="facet-value-trigger" data-facet-query="category:&quot;Humor/Kadoboeken&quot;"...

CSS

.first .verfijnZoekResulatenFilter a{color:red!important;}
.second .verfijnZoekResulatenFilter a{color:green!important;}
/*.hoi {display:none;}*/

JavaScript

$('.second').hide();
$(".slideMoreLess.less").hide();

$(".slideMoreLess.more").live('click',function (event) {
    var $this = $(this);
    $this.prevAll(".second:first").slideDown();
    $this.nextAll(".slideMoreLess.less:first").show();
    $this.hide();
    event.preventDefault();
});

$(".slideMoreLess.less").live('click',function (event) {
    var $this = $(this);
    $this.prevAll(".second:first").slideUp();
    $this.prevAll(".slideMoreLess.more:first").show();
    $this.hide();
    event.preventDefault();
});