jQuery实现树形菜单
html代码:
ul, li {
margin: 0px;
padding: 0px;
}
.treeMenu {
}
ul li a {
text-decoration: none;
color: black;
}
.hidden {
display: none;
}
img {
width:20px;
height:20px;
}
<h2><img src="~/Content/t012ca4ac89037218f7.jpg"/>树形菜单</h2>
<ul class="treeMenu">
<li>
<img src="~/Content/t012ca4ac89037218f7.jpg" />
<a id="China" href="javascript:void(0);">中国人民</a>
<ul class="hidden">
<li><img src="~/Content/t012ca4ac89037218f7.jpg" /><a href="javascript:void(0);">中国人民</a></li>
<li><img src="~/Content/t012ca4ac89037218f7.jpg" /><a href="javascript:void(0