如何使用單擊按鈕來顯示或隱藏 DIV 元素？

如何使用按鈕切換DIV 的可見性

問題：

如何顯示或隱藏DIV當按鈕擊了？

答案：

要使用按鈕切換 DIV 的可見性，您可以使用 JavaScript 或 jQuery。

使用純JavaScript:

1. 取得按鈕元素的引用：

   var button = document.getElementById('button');

2. 一個函數來切換可見性：

   button.onclick = function() {

3. 取得 DIV 的引用element:

   var div = document.getElementById('newpost');

4. 檢查 DIV目前是否顯示：

   if (div.style.display !== 'none') {

5. 相應地切換可見性：

       div.style.display = 'none'; // Hide
   }
   else {
       div.style.display = 'block'; // Show
   }
   };

使用jQuery:

1. 選擇按鈕並綁定點擊事件處理程序：

   $("#button").click(function() {

2. 選擇按鈕並綁定點擊事件處理程序：

       $("#newpost").toggle();
   });

選擇DIV 並切換其可見性：

以上是如何使用單擊按鈕來顯示或隱藏 DIV 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！