JSFiddle - React, Tailwind, and code Playground

by jeffsturgis

HTML

<ul>
    <li class="tag1 tag2 tag3 tag4">
        <h2>the title</h2>
        <a href="#">tag1</a>
        <a href="#">tag2</a>
        <a href="#">tag3</a>
        <a href="#">tag4</a>
    </li>
    <li class="tag3 tag4">
        <h2>the title</h2>
        <a href="#">tag3</a>
        <a href="#">tag4</a>
    </li>
    <li class="tag1 tag2 tag3 tag4">
        <h2>the title</h2>
        <a href="#">tag1</a>        
        <a href="#">tag3</a>
        <a href="#">tag4</a>
    </li>    
    </ul>

JavaScript

$("ul").delegate("a", "click", function(e){
    var tagName = $(this).text();
    $("li").show("." + tagName).not("." + tagName).hide();
});