jQuery 簡單交互：點擊按鈕隱藏/顯示元素一行代碼搞定

作業要求：點擊按鈕隱藏指定 div。核心 API：.hide()、.show()、.toggle()。

最小實現

$("#btnId").click(function() {
    $("#divId").hide(); // 或 .toggle() 切換顯示/隱藏
});

進階：添加動畫過渡

$("#btnId").click(function() {
    $("#divId").slideToggle(300); // 滑動切換
    // 或 fadeToggle(300) 淡入淡出
});

原生 JS 対照（無依賴）

document.getElementById('btnId').onclick = function() {
    var div = document.getElementById('divId');
    div.style.display = div.style.display === 'none' ? 'block' : 'none';
};

新手建議：先用 jQuery 快速見效，再對照原生 JS 理解 DOM 操作本質。