html代码:
<li><span id="tog">+</span>我的好友
<ul id="box">
<li>111</li>
</ul>
</li>
js代码
<script>
var len=$("#box li").length;
function int(){
for(i=0;i<len;i++){
$("#box li").eq(i).addClass("hid");
}
}
$("#tog").click(function(){
var t=$(this).text();
if(t=="+"){
$("#box .hid").addClass("show");
$(this).text("-");
}else{
$("#box .hid").removeClass("show");
$(this).text("+");
}
});
int();//初始化隐藏多余标签
</script>
还要一个引入:
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
作为笔记