<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
</head>
<body>
<ul id="css">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>后面可以更n个</li>
<a href="#">更多</a>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>后面可以更n个</li>
</ul>
<script language="javascript">
//先把需要隐藏的模块隐藏起来
$("#css li:gt(3)").hide();
//当点击触发函数
$("#css a").click(function dip(){
var $v=$(this).html();
if($v=="简化"){
$(this).html("更多");
//注意选择器 一定要注释是那个下面的li，不然gt()函数会把所有不想关的函数选着起来
$("#css li:gt(3)").hide();
}else{
$(this).html("简化");
$("#css li:gt(3)").show();
}
});
</script>
</body>
</html>
2478404000
2014-10-14
0 回答
举报
0/150
提交
取消
