- Overview
- Documents
jQuery Sliding Menu is a mobile-like, list-style, responsive sliding navigation menu.
Source: alizahid.github.io
May 27, 2014 in Menu & Accordion 3522 views
jQuery Sliding Menu is a mobile-like, list-style, responsive sliding navigation menu.
Source: alizahid.github.io
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" type="text/css" href="css/jquery-sliding-menu.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery-sliding-menu.js"></script>
2. HTML
<div id="menu"> <ul> <li> <a href="#">Artists</a> <ul> <li> <a href="#">Aerosmith</a> <ul> <li> <a href="#">Get Your Wings</a> <ul> <li> <a href="#">Train Kept A-Rollin'</a> </li> <li> <a href="#">Same Old Song and Dance</a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a href="#">Albums</a> <ul> <li> <a href="#">Get Your Wings</a> <ul> <li> <a href="#">Train Kept A-Rollin'</a> </li> <li> <a href="#">Same Old Song and Dance</a> </li> </ul> </li> </ul> </li> </ul> </div>
3. JAVASCRIPT
$(document).ready(function() { $('#menu').menu(); });
4. OPTIONS
dataJSON | false | A JSON object to build the menu from. View sample here. |
---|---|---|
backLabel | 'Back' | Label for the back button. Set to true to use the link's own label. |
Tagged with:
jquery sliding menu
menu
sliding
sliding menu
jquery plugin
mobile
mobile-like
list-style
responsive
navigation
responsive menu
Related Articles