WordPress的：使用按鈕添加類到div元素

Question

我正在一個WordPress網站上工作，我想添加一個按鈕，一旦點擊將擴大手風琴的所有領域。 但問題是，我只能分配一個CSS類到Button（主題開發人員只允許我這樣做）。 一旦用戶點擊按鈕，我是否可以使用CSS來執行jQuery（或任何其他將執行此操作的語言）文件，該文件將包含展開手風琴所有部分的代碼？

Answer 1

CSS是一個相當強大的樣式語言，但它是實際設計用於：樣式元素。它本身並不能夠執行任何類型的Javascript或相關的客戶端代碼。

根據您能夠實際改變網站的數量，您有幾個選項。

如果你可以添加/更改JavaScript

如果你實際上可以增加一個小腳本的網站，那麼這應該成爲相當微不足道。你只需要一個CSS類添加到您的特定按鈕，然後線了一個事件處理程序來捕捉jQuery的單擊事件來執行你的行動：

<button class='your-special-button'>Click Me!</button> 
<script> 
    $(function(){ 
     $('.your-special-button').click(function(){ 
      // Your button was clicked, do something... 
     }); 
    }); 
</script> 

根據不同的功能，你可能會處理這種內嵌通過onclick事件以及：

<button onclick='DoSomethingHere();'>Click Me!</button> 

如果您不能添加/更改JavaScript

根據您的具體功能，有可能對如果標記處於支持它創建基本手風琴as seen here的狀態，則純粹通過CSS處理。

有各種各樣的教程和實現它的不同方式，請考慮在您最喜愛的搜索引擎中快速搜索「純CSS手風琴」。