JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/droppy/stylesheets/droppy.css">
<script src="http://onehackoranother.com/projects/jquery/droppy/javascripts/jquery.droppy.js"></script>
<ul class="topnav">
    <li><a href="#">Home</a></li>
    <li>
        <a href="#" class="subnavkey">Tutorials</a>
        <ul class="subnav">
            <li><a href="#">Sub Nav Link</a></li>
            <li><a href="#">Sub Nav Link</a></li>
        </ul>
    </li>
    <li>
        <a href="#" class="subnavkey">Resources</a>
        <ul class="subnav">
            <li><a href="#">Sub Nav Link</a></li>
            <li><a href="#">Sub Nav Link</a></li>
        </ul>
    </li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Advertise</a></li>
    <li><a href="#">Submit</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>

JavaScript

$(function () {
    $('.topnav').droppy();
});