在頁面中,添加一個<ul>元素,裏面放置多個(至少7個以上)的<li>元素,此外,再添加一個<a>元素.
初始時:<ul>元素中僅顯示5個<li>元素,其中包含還包括最後一個<li>元素,<a>元素中的顯示"更多"字符.
當點擊"更多"鏈接時,自身內容變爲"簡化",同時,<ul>元素中顯示全部的<li>元素.
當點擊"簡化"鏈接時,自身內容變爲"更多",同時,<ul>元素中僅顯示包含最後一個<li>元素在內的5個元素.
<ul> <li>0</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> <a href="#">更多</a> <script> $("li:gt(3):not(:last)").hide(); $("a").click(function(){ var a =$("a").html(); if(a =="更多") { $("a").html("簡化"); $("li").show(); return; } $("a").html("更多"); $("li:gt(3):not(:last)").hide(); return; }); </script>