JSFiddle - React, Tailwind, and code Playground

by leoliaolei

HTML

<script src="http://eightmedia.github.io/hammer.js/dist/jquery.hammer.min.js"></script>
<script src="http://mmenu.frebsite.nl/mmenu-4.0.2/source/jquery.mmenu.min.all.js"></script>
<link rel="stylesheet" href="http://mmenu.frebsite.nl/mmenu-4.0.2/source/jquery.mmenu.all.css">
<div id="page">
    <div id="header"> <a href="#sidebar-menu">open sidebar</a>
    </div>
    <div id="content">content</div>
    <div id="sidebar-menu">
        <ul>
            <li><a href="#item1">item 1</a>

            </li>
            <li><a href="#item3">item 2</a>

            </li>
            <li><a href="#item3">item 3</a>

            </li>
        </ul>
    </div>
</div>

CSS

#page{
    background-color:#ddd;
}
#content{
    min-height:200px;
}

JavaScript

$('#sidebar-menu').mmenu({dragOpen: {open:true}});
//console.log($.fn.mmenu.support);