JSFiddle - React, Tailwind, and code Playground

HTML

<div id="multiDropMenu">
    <ul id="menu">
        <li><a href="#" id="places">Places</a>
            <ul id="dropdown1" style="display: none;">
                <li><a href="http://google.com">To Go</a></li>
                <li><a href="#">To See</a></li>
            </ul>
        </li>
        <li><a href="#">Transportation</a></li>
    </ul>
</div>

JavaScript

$(function() {
    $("#places").hover(function() {
        $("#dropdown1").slideDown("fast");
    },

    function() {
        $("#dropdown1").slideUp("fast");
    });


});