JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<div id="mainmenu"> 
    <ul class="menu">
        <li class="item-435">a</li>
        <li class="item-468 active deeper parent">
            <a href="#">News</a>
            <ul>
                <li class="item-469 current active">
                    <a href="/index.php/news/news-topaktuell">Topaktuell</a>
                </li>
                <li class="item-480">
                    <a href="/index.php/news/events">Events</a>
                </li>
            </ul>
        </li>
        <li class="item-476">a</li>
        <li class="item-477">a</li>
        <li class="item-478">a</li>
        <li class="item-479">a</li>
    </ul>
</div>

JavaScript

$('.menu li a').click(function(e) {
    e.preventDefault();
    $(this).parent().find('> ul').slideToggle();
});