JSFiddle - React, Tailwind, and code Playground

HTML

<div class="widget">
    <ul class="tabs">
        <li class="active"><a href="#tab1">Categories</a></li>
        <li class=""><a href="#tab2">Archives</a></li>
    </ul>
    
    <div class="tab_container">
        
        <ul class="tab_content" id="tab1">
            <li class="cat-item cat-item-7"><a title="View all posts filed under Custom Video" href="http://vitaminjdesign.com/littlewindow/category/custom-video/">Custom Video</a>
            </li>
            <li class="cat-item cat-item-8"><a title="View all posts filed under Featured" href="http://vitaminjdesign.com/littlewindow/category/featured/">Featured</a>
            </li>
            <li class="cat-item cat-item-3"><a title="View all posts filed under One MInute Video" href="http://vitaminjdesign.com/littlewindow/category/one-minute-video/">One MInute Video</a>
            </li>
            <li class="cat-item cat-item-4"><a title="View all posts filed under Retail" href="http://vitaminjdesign.com/littlewindow/category/retail/">Retail</a>
            </li>
            <li class="cat-item cat-item-5"><a title="View all posts filed under Videos" href="http://vitaminjdesign.com/littlewindow/category/videos/">Videos</a>
            </li>
        </ul>
        <ul class="tab_content" id="tab2">
            <li><a title="September 2010" href="http://vitaminjdesign.com/littlewindow/2010/09/">September 2010</a></li>
        </ul>
    </div>
</div>

<div class="bios">
    <ul class="tabs">
        <li class="active"><a href="#tab1">Margie Smith</a></li>
        <li class=""><a href="#tab2">Todd Wall</a></li>
    </ul>
    <div class="tabs_container">
        <div class="tabs_content" id="tab1">
            <h2>Margie Smith</h2>
            <h4>Producer /Editor</h4>
            <p>Margie is from Brooklyn, NY. She decided that she wanted to be a filmmaker when she was twelve years old but her father wanted her to be an engineer. She compromised and got her degree in Architecture. Two years after graduation...

JavaScript

$(".tabs_content").not(':first-child').hide();
var tabs = $('.tabs li');

tabs.filter(':first-child').addClass('active');

tabs.click(function() {
    var current = $(this);
    
    if(!current.hasClass('active')){
        current.addClass('active').siblings().removeClass('active');
        var activeTab = current.find("a").attr("href");
        current.parent().next().children().hide().filter(activeTab).fadeIn();
    }
    
    return false;
});