I can't seem to make my menu work.
test.htm
<html>
<head><head>
<link rel="stylesheet" href="slicknav.css" />
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.slicknav.js"></script>
<script src="initialize.js"></script>
<title></title>
<body>
<ul id="menu2">
<li>Parent 1
<ul>
<li><a href="#">item 3</a></li>
<li>Parent 3
<ul>
<li><a href="#">item 8</a></li>
<li><a href="#">item 9</a></li>
<li><a href="#">item 10</a></li>
</ul>
</li>
<li><a href="#">item 4</a></li>
</ul>
</li>
<li><a href="#">item 1</a></li>
<li>non-link item</li>
<li>Parent 2
<ul>
<li><a href="#">item 5</a></li>
<li><a href="#">item 6</a></li>
<li><a href="#">item 7</a></li>
</ul>
</li>
</ul>
</body>
</html>
initialize.js
$(document).ready(function() {
$(window).load(function() {
$('#menu2').slicknav({
label: '',
duration: 1000,
easingOpen: "easeOutBounce", //available with jQuery UI
prependTo:'#demo2'
});
});
});
Did I missed out something? Your help is kindly appreciated.
Thank You.
