fst-mobile-menu
Version:
Simple and light wieght javascript over-canvas mobile menu for website and web application.
54 lines (47 loc) • 1.8 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/fst-mmenu.css">
<title>Mmenu</title>
</head>
<body>
<div id="mobile-menu">
<ul>
<li><a href="">child one</a></li>
<li><a href="">child two</a>
<ul hello="data">
<li data="mishal"><a href="">second level</a></li>
<li><a href="">second leve two</a></li>
<li><a href="">second level three</a></li>
<li><a href="">second level four</a>
<ul hello="data">
<li data="mishal"><a href="">second level</a></li>
<li><a href="">second leve two</a></li>
<li><a href="">second level three</a></li>
<li><a href="">second level four</a></li>
</ul>
</li>
</ul>
<li><a href="">child four</a></li>
<li><a href="">child five</a>
<ul hello="data">
<li data="mishal"><a href="">second level</a></li>
<li><a href="">second leve two</a></li>
<li><a href="">second level three</a></li>
<li><a href="">second level four</a></li>
</ul>
</li>
</ul>
</div>
<button class="fst-mmenu-toggler">menu toggler</button>
<script src="jquery.min.js"></script>
<script src="fst-mmenu.js"></script>
<script>
$(document).ready(function(){
$('#mobile-menu').fstMmenu()
});
</script>
</body>
</html>