jQuery 是一個非常流行的 JavaScript 庫，可以幫助我們輕松地操作 HTML 元素和執行各種動畫效果。在這里，我們將學習如何使用 jQuery 來設置打開和關閉效果。

// 通過添加類名來顯示元素
$('.toggle-button').click(function(){
$('.toggle-element').toggleClass('active');
});
// 通過改變元素的 CSS 屬性來實現開關效果
$('.toggle-button').click(function(){
$('.toggle-element').css('display', function(index, value){
return value === 'none' ? 'block' : 'none';
});
});

在第一個示例中，我們使用 "toggleClass" 方法，將 "active" 類名添加到我們想要顯示或隱藏的元素上。這意味著我們可以使用 CSS 樣式來控制該元素的可見性。

在第二個示例中，我們使用 "css" 方法來改變元素的 "display" 屬性。當該屬性值為 "none" 時，元素將被隱藏，而當該屬性值為 "block" 時，元素將顯示。

無論是哪種方法，我們都可以通過單擊一個按鈕來顯示或隱藏元素。這樣可以讓我們在設計用戶界面時，更加靈活自如。