---------------------------------------------------------------------------------------------
点击更多之后,由上图变成下图样式
---------------------------------------------------------------------------------------------
点击更多之后,由上图变成下图样式
ul li{
list-style-type: none;
float:left;
margin: 0 10px;
}
<body>
<div>
<ul>
<li>一号</li>
<li>二号</li>
<li>三号</li>
<li onclick="aa(1)" id="a0">点击</li>
</ul>
<Br/>
<ul id="a1" hidden>
<li>一号</li>
<li>二号</li>
<li>三号</li>
<li onclick="bb(2)">收回</li>
</ul>
</div>
</body>
<script>
function aa(r){
document.getElementById("a0").style.display="none"
document.getElementById("a1").style.display="block"
}
function bb(r){
document.getElementById("a0").style.display="block"
document.getElementById("a1").style.display="none"
}
</script>