JSFiddle - React, Tailwind, and code Playground

by B L Praveen

HTML

<script src="http://jpanelmenu.com/jquery.jpanelmenu.js"></script>
<header class="main">
    <ul id="menu" style="display: none;">
        <li><a href="/">Overview</a></li>
        <li><a href="#usage">Usage</a></li>
        <li><a href="#inner-workings">Inner-Workings</a></li>
        <li><a href="#animation">Animation</a></li>
        <li><a href="#options">Options</a></li>
        <li><a href="#api">API</a></li>
        <li><a href="#tips">Tips &amp; Examples</a></li>
        <li><a href="#about">About</a></li>
    </ul>
    <div class="menu-trigger" id="trigger">click me</div>
</header>

CSS

#trigger { padding: 5px; cursor: pointer; background: yellow; }

JavaScript

var jPM = $.jPanelMenu();
jPM.on();