JSFiddle - React, Tailwind, and code Playground

by bakhshi

HTML

<ul class="menu">
    <li>Some other</li>
    <li id="main" style="position:relative">Main
        <ul id="menu" style="position:absolute">
            <li><a href="#">First</a>
            </li>
            <li><a href="#">Second</a>
            </li>
            <li><a href="#">Third</a>
            </li>
            <li><a href="#">Fourth</a>
            </li>
        </ul>
    </li>
</ul>

CSS

.menu>li {
    display: inline;
    list-style: none;
    float:right;
}

JavaScript

$("#menu").menu({
    position: {
        my: "top right",
        at: "top left",
        of: "#main"
    }
});