您好,登錄后才能下訂單哦!
在頁面中,添加一個<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>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。