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手风琴”。