JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <div id="memberDetails"><h3><span>Welcome,</span><br /> <em>John Doe</em></h3></div>
    <ul>
            <li class="active"><a href="#home" class="contentLink">Home <span class="icon"></span></a></li>
            <li><a href="#email" class="contentLink">Email<span class="icon"></span></a></li>
            <li><a href="#sns" class="contentLink">Social Networking<span class="icon"></span></a></li>
            <li><a href="#promos" class="contentLink">Promos<span class="icon"></span></a></li>
            <li><a href="#rewards" class="contentLink">Rewards<span class="icon"></span></a></li>
    </ul>
</div>
  <div id="email-menu" style='display:none'>
        <div id="memberDetails"><h3><span>Welcome,</span><br /> <em>Another Menu</em></h3>        </div>
            <ul>
                    <li><a href="#all" class="contentLink">All <span class="icon"></span></a></li>
                    <li><a href="#yahoo" class="contentLink">Yahoo<span class="icon"></span></a></li>
                    <li><a href="#gmail" class="contentLink">Gmail<span class="icon"></span></a></li>
                    <li><a href="#hotmail" class="contentLink">Hotmail<span class="icon"></span></a></li>
            </ul>
</div>

JavaScript

$(function() {
    $(".contentLink").click(function() {
        if( $(this).attr('href') == '#email' ) {
            $("#menu").hide();
            $("#email-menu").show();
        }
    });
});