<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
</ul>
<a onclick="test()" href="#">更多</a>
<script type="text/javascript">
//$("li:gt(1)").css("background-color","red");
$("li:lt(2)").css("display","none");
function test(){
if($("a").html()=="更多")
{
$("a").html("简化");
$("li").css("display","");
}
else
{
$("a").html("更多");
$("li:lt(2)").css("display","none");
}
}
</script>
</body>
</html>
trouble之梦
2014-10-30
0 回答
举报
0/150
提交
取消
