标记法:
利用flag标记的方法控制切换的状态:
html:
<a href="#">更多</a>
jquery:
$(function(){
var flag=true;
$("a").click(function(){
if(flag){
$(this).html("简化");
flag=false;
}else{
$(this).html("更多");
flag=true;
}
})
})
html:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
<a href="#">更多</a>
jquery:
$(function(){
var flag=true;
$("li").eq(4).nextAll().hide()
$("a").click(function(){
if(flag){
$(this).html("简化");
$("li").eq(4).nextAll().show();
flag=false;
}else{
$(this).html("更多");
$("li").eq(4).nextAll().hide();
flag=true;
}
})
})