JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left-menu">


<ul>
<li class="active">
   <a href="#">Leather Goods &#187;</a>
   <ul>
       <li><a href="">Handbags</a></li>
       <li><a href="">Laptop &amp; Briefcase</a></li>
       <li><a href="">Pen Cases </a></li>
   </ul>
</li>

<li>
    <a href="#">Stationery</a>
    <ul>
       <li><a href="">A4</a></li>
       <li><a href="">A5</a></li>
       <li><a href="">A6</a></li>                                                                    
    </ul>
</li>
                                                                                                <li><a href="#">Writing Instruments</a>
    <ul>
       <li><a href="">Accessories</a></li>
       <li><a href="">Ballpoint Pens</a></li>
    </ul>
</li>
</ul>
</div>

JavaScript

$('#left-menu ul > li').click(function(event) {
    $(this).children("ul").slideToggle("slow");
    if(event.target.href === '#') return true; });