<!DOCTYPE html><html>? ? <head>? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />? ? ? ? <title>挑戰(zhàn)題</title>? ? </head>? ??? ? <body>? ? ? ?<ul>? ? ? ? ? ?<li>1</li> ?? ? ? ? ? ?<li>2</li> ?? ? ? ? ? ?<li>3</li> ?? ? ? ? ? ?<li>4</li> ?? ? ? ? ? ?<li>5</li> ?? ? ? ? ? ?<li>6</li> ?? ? ? ? ? ?<li>7</li>?? ? ? ? ? ?<li>8</li> ?? ? ? ?</ul>? ? ? ?<a href="javascript:";>更多</a>? ? ? ?<script>? ? ? ? $(function(){? ? ? ? ? ? $("li:eq(3)").css("display","none");? ? ? ? ? ? $("li:eq(4)").css("display","none");? ? ? ? ? ? $("a").click(function(){? ? ? ? ? ? ? ? if($("a").text() === "更多"){? ? ? ? ? ? ? ? ? ? $("a").text("簡化");? ? ? ? ? ? ? ? ? ? $("li:eq(3)").css("display","list-item");? ? ? ? ? ? ? ? ? ? $("li:eq(4)").css("display","list-item");? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? $("a").text("更多");? ? ? ? ? ? ? ? ? ? $("li:eq(3)").css("display","none");? ? ? ? ? ? ? ? ? ? $("li:eq(4)").css("display","none"); ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? }? ? ? ? ? ? });? ? ? ? })? ? </script>? ? </body></html>
為什么我隱藏了第四、第五個元素還在顯示，點(diǎn)擊更多沒有變更為簡化？
豬豬俠123
2015-10-09 22:46:12
