JQuery編寫菜單導航問題
<html?lang="en-US">
<head>
<meta?charset="UTF-8">
<meta?name="keywords"?content="白菜編輯部">
<title>白菜編輯部</title>
<style?type="text/css">
</style>
<script?type="text/javascript"?src="jquery-1.8.0.min.js"></script>
<script?type="text/javascript">
$?(document).ready?(function?()
{
$?("li.m-expanded>span").click?(function?()
{
$?(this).siblings?("ul").toggle?();
});
});
</script>
</head>
<body>
<form?id="form1">
<ul?class="m-treeview">
<li?class="m-expanded"><span><a?href="#">襯衫</a>?</span>
<ul>
<li><a?href="#">無袖襯衫</a></li>
<li><a?href="#">短袖襯衫</a></li>
<li><a?href="#">長袖襯衫</a></li>
</ul>
</li>
<li?class="m-expanded"><span><a?href="#">裙裝</a>?</span>
<ul>
<li><a?href="#">長裙</a></li>
<li><a?href="#">短裙</a></li>
<li><a?href="#">超短裙</a></li>
</ul>
</li>
<li?class="m-expanded"><span><a?href="#">外衣</a>?</span>
<ul>
<li><a?href="#">外衣1</a></li>
<li><a?href="#">外衣2</a></li>
<li><a?href="#">外衣3</a></li>
</ul>
</li>
</ul>
</form>
</body>
</html>