JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script>
            $(function() {
                $('#menuJQ > ul li').click(function(e) {
                    e.preventDefault();
                    $('ul:first', this).show();
                });
            });
        </script>
    </head>
    
    <body>
        <div style="z-index:100;width:100%;position:fixed;top:0;left: 0;min-width:1000px;">
            <div id="menuJQ">
                <ul class="menuJQ">
                    <li>123</li>
                    <li class="parent"><a href="#"><span>Home</span></a>

                    </li>
                    <li><a class="parent" href="#"><span>Product View</span></a> 
                        <div>
                            <ul style='padding:0 0 0 50px;'>
                                <li><a href="#"><span>DevTask Search</span></a>

                                </li>
                                <li><a href="#"><span>Active Machines</span></a>

                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="parent"><a href="#"><span>Request Tool</span></a>

                    </li>
                    <li><a href="#" class="parent"><span>Search</span></a>

                        <div>
                            <ul id="sub1" style='padding:0 0 0 50px;'>
                                <li><a href="#"><span>DevTask Search</span></a>

                                </li>
                                <li><a href="#"><span>Active Machines</span></a>

                                </li>
                                <li><a href="#"><span>Integrity Query</span></a>

                                </li>
                                <li><a href="#"><span>Internal DevTasks</span></a>

                                </li>
                             ...

CSS

ul ul {
    display:none;
}