溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
在頁(yè)面中,添加一個(gè)<ul>元素,里面放置多個(gè)(至少7個(gè)以上)的<li>元素,此外,再添加一個(gè)<a>元素.
初始時(shí):<ul>元素中僅顯示5個(gè)<li>元素,其中包含還包括最后一個(gè)<li>元素,<a>元素中的顯示"更多"字符.
當(dāng)點(diǎn)擊"更多"鏈接時(shí),自身內(nèi)容變?yōu)?簡(jiǎn)化",同時(shí),<ul>元素中顯示全部的<li>元素.
當(dāng)點(diǎn)擊"簡(jiǎn)化"鏈接時(shí),自身內(nèi)容變?yōu)?更多",同時(shí),<ul>元素中僅顯示包含最后一個(gè)<li>元素在內(nèi)的5個(gè)元素.
<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("簡(jiǎn)化");
$("li").show();
return;
}
$("a").html("更多");
$("li:gt(3):not(:last)").hide();
return;
});
</script>免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼