<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li style="display:none">5</li>
<li style="display:none">6</li>
<li style="display:none">7</li>
<li>8</li>
</ul>
<a href='#' onclick="lianjie()">更多</a>
<script type="text/javascript">
function lianjie(){
if("更多"==$("a").text()){
var $strHTML = $("li:hidden").val();
$("div").html($strHTML);
$("a").html("简化");}
if("简化"==$("a").text()){
$("li:visible").show();
$("a").html("更多");}
}
</script>
</body>
</html>
2015-12-20
<script type="text/javascript">
var lis=document.getElementsByTagName("li");//获取所有li元素
function lianjie(){
if("更多" == $("a").html()){//当a标签的innerHTML为更多时
//循环遍历li元素，将隐藏的li元素的display属性设置为block
for(var i=0,len=lis.length;i<len;i++){
if($("li:eq("+i+")").css("display") == "none"){
$("li:eq("+i+")").css("display","block");
}
}
$("a").html("简化");//将a标签的innerHTML更改为简化
}
//当a标签的innerHTML为简化时
else if("简化" == $("a").html()){
//将之前更改过display属性的li元素重新隐藏
for(var i=4;i<7;i++){
$("li:eq("+i+")").css("display","none");
}
$("a").html("更多");//将a标签的innerHTML更改为更多
}
}
</script>
修改了一下，下面的可以用。
<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"></script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li style="display:none">5</li>
<li style="display:none">6</li>
<li style="display:none">7</li>
<li>8</li>
</ul>
<a onclick="lianjie()">更多</a>
<script type="text/javascript">
function lianjie(){
if("更多"==$("a").text()){
$("a").html("简化");
$("li:hidden").show();
}
else
{
$("li[style]").hide();
$("a").html("更多");}
}
</script>
</body>
</html>
确实 代码没法看 完全看不懂啊……不知道怎么帮你……贴段我的你自己看吧。
<body>
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
<li>007</li>
</ul>
<a href="#">更多</a>
<script>
$(function(){
$("li:eq(4)").hide();
$("li:eq(5)").hide();
$("a").click(function(){
if($("a").text()=="更多"){
$("a").text("简化");
$("li:eq(4)").show();
$("li:eq(5)").show();
}
else{
$("a").text("更多");
$("li:eq(4)").hide();
$("li:eq(5)").hide();
}
}
)
}
)
</script>
</body>
举报
