Skip to content

Instantly share code, notes, and snippets.

@nikrich

nikrich/SlenderMenuExample.html

Last active August 29, 2015 14:05
Show Gist options
  • Save nikrich/e299ab3bbdacb28f32d4 to your computer and use it in GitHub Desktop.
Save nikrich/e299ab3bbdacb28f32d4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
SlenderMenuExample.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/nikrich/slendermenu/master/dist/styles/jquery.slendermenu.css"/>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class='slenmenu'>
<ul>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
<li>
<i class="fa fa-camera-retro fa-lg"></i> <a>Menu item</a>
</li>
</ul>
</div>
<button id="selector">Toggle</button>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/nikrich/slendermenu/master/dist/jquery.slendermenu.min.js"></script>
<script>
$("#selector").slenselect();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment