jQuery legend是一種常用的UI控件，可以用來創(chuàng)建折疊面板，以實(shí)現(xiàn)頁面元素的動態(tài)隱藏和顯示。通過設(shè)置legend的屬性，可以定制展開/收縮圖標(biāo)、文字等UI元素的樣式。

<fieldset>
<legend id="myLegend">Click to toggle</legend>
<p>Content goes here</p>
</fieldset>

以上代碼演示了如何使用legend控件，并定義一個(gè)默認(rèn)的文本“Click to toggle”，用于折疊和展開fieldset區(qū)域的內(nèi)容。實(shí)際應(yīng)用中，可以通過CSS和jQuery來定制legend的樣式和交互行為。

<style>
#myLegend {
font-size: 1.2em;
cursor: pointer;
}
.hidden {
display: none;
}
</style>
<script>
$(document).ready(function() {
// 初次加載時(shí)，將內(nèi)容隱藏
$("p").addClass("hidden");
// 點(diǎn)擊legend時(shí)，切換展開/收縮狀態(tài)
$("#myLegend").click(function() {
// 使用slideToggle實(shí)現(xiàn)平滑過渡
$("p").slideToggle();
});
});
</script>

以上代碼演示了如何使用CSS和jQuery來定制legend的樣式和交互行為。其中，設(shè)置legend為可點(diǎn)擊狀態(tài)（cursor: pointer），并在點(diǎn)擊時(shí)實(shí)現(xiàn)內(nèi)容的平滑過渡（slideToggle）。

總之，jQuery legend是一個(gè)非常有用的UI控件，可以幫助開發(fā)者創(chuàng)建動態(tài)展示/隱藏內(nèi)容的頁面。通過靈活應(yīng)用CSS和jQuery，可以實(shí)現(xiàn)更加豐富和高效的交互體驗(yàn)。