JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
<link rel="stylesheet" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css">
<ul id="sample-menu-1" class="sf-menu sf-js-enabled sf-shadow">
                    <li class="current">
                        <a href="#a" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a>
                        <ul style="display: none; visibility: hidden; ">
                            <li>
                                <a href="#aa">menu item</a>
                            </li>
                            <li class="current">
                                <a href="#ab" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a>
                                <ul style="display: none; visibility: hidden; ">
                                    <li class="current"><a href="#">menu item</a></li>
                                    <li><a href="#aba">menu item</a></li>
                                    <li><a href="#abb">menu item</a></li>
                                    <li><a href="#abc">menu item</a></li>
                                    <li><a href="#abd">menu item</a></li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="#" class="sf-with-ul">menu item<span class="sf-sub-indicator"> »</span></a>
                                <ul style="display: none; visibility: hidden; ">
                                    <li><a href="#">menu item</a></li>
                                    <li><a href="#">menu item</a></li>
                                    <li><a href="#">menu item</a></li>
                                    <li><a href="#">menu item</a></li>
                                    <li><a href="#">menu item</a></li>
                                </ul>
                            </li>
                      ...

CSS

.active{background: red;}

JavaScript

$(function(){
    var sfmenu = $("ul.sf-menu");
    sfmenu
        .find('li > a')
        .click(function () {
            sfmenu.find('li > a').removeClass('active');
            $(this).addClass('active');
        })
});