<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#goods ul{
display: none;
}
</style>
</head>
<body>
<ul id="goods">
<li onclick="show(this)">手机</li>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>芝麻</li>
</ul>
<li onclick="show(this)">电脑</li>
<ul>
<li>苹果</li>
<li>联想电脑</li>
<li>神州电脑</li>
</ul>
<li onclick="show(this)">电视机</li>
<ul>
<li>小米</li>
<li>创维</li>
<li>康佳</li>
</ul>
</ul>
</body>
<script type="text/javascript">
function show(a)
{
//表示下一个标签
$(a).next().toggle();
}
</script>
</html>
使用jQuery制作树形菜单
猜你喜欢
转载自blog.csdn.net/My_name_is_ZwZ/article/details/83479820
今日推荐
周排行