jQuery legend是一種常用的UI控件，可以用來創建折疊面板，以實現頁面元素的動態隱藏和顯示。通過設置legend的屬性，可以定制展開/收縮圖標、文字等UI元素的樣式。

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

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

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

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

總之，jQuery legend是一個非常有用的UI控件，可以幫助開發者創建動態展示/隱藏內容的頁面。通過靈活應用CSS和jQuery，可以實現更加豐富和高效的交互體驗。