JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://codebomber.com/jquery/slidepanel/css/jquery.slidepanel.css">
<script src="http://codebomber.com/jquery/slidepanel/js/jquery.slidepanel.js"></script>
<nav>
    <ul>
        <li><a id="title" href="index.php">iON»</a>
        </li>
        <li style="float: right;"><a id="menu" href="#"><img src="/images/menu.png" height="20" width="20" /></a>
            <ul>
                <li><a href="profile.php">Profile</a>
                </li>
                <li><a href="login.php">Login</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>
<div class="content">
<a href="index.php" class='findme' data-slidepanel="panel">Show Panel</a>

</div>

JavaScript

$("[data-slidepanel='panel']").slidepanel({
    orientation: 'top',
    mode: 'push',
   
});