JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<input type="checkbox" class="brand" id="Gazelle" />
<input type="checkbox" class="brand" id="Batavus" />
<input type="checkbox" class="brand" id="Trek" />
<input type="checkbox" class="brand" id="KogaMiyata" />


<li class="merk" id="m_Gazelle" style="display:block;">
Gazelle
</li>

<li class="merk" id="m_Batavus" style="display:block;">
Batavus
</li>

<li class="merk" id="m_Trek" style="display:block;">
Trek
</li>

<li class="merk" id="m_KogaMiyata" style="display:block;">
KogaMiyata
</li>

JavaScript

$('.brand').click(function() {
    $('li.merk').hide();
    $('input.brand:checked').each(function() {
        $('li#m_'+$(this).attr('id')).toggle();
    });
});