JSFiddle - React, Tailwind, and code Playground

by kshep92

HTML

<a href="#" data-target=".deal">All</a> <br />
<a href="#" data-target=".health">Health and Wellness</a> <br />
<a href="#" data-target=".fitness">Fitness</a>

<div class="deal health">Health</div>
<div class="deal fitness">Fitness</div>

<div>General Content</div>

JavaScript

$(function() {
    
    $("a").click(function(e) {
        e.preventDefault();
        var targetClass = $(this).attr("data-target");
        $(".deal").not(targetClass).hide();
        $(targetClass).show();
    });
    
});