javascript - onclick my 'button' 打开所有同类型按钮

Question

这就是我现在拥有的

http://jsfiddle.net/Wpn94/1755/

javascript 的第一部分只是调用 jQuery 库。由于我无法访问原始文件，因此我使用了自定义的 css、js 插件(注意这一切都是在 wordpress 中完成的)。

在 fiddle 中，如果您单击“meer”中的一个，它只会打开您单击过的那个。如果您按下“提醒器”，它会很好地关闭您点击的那个。

现在问题来了，在我的测试区域，如果我单击其中一个按钮，其他 5 个按钮也会打开，这当然不是预期用途。

有什么解决办法可以解决这个问题吗？我无法链接到测试环境，因为它是关于尚未发布的产品，很遗憾，我没有这样做的权限。

可能的问题:

  $('.wrapper').find('a[href="#"]').on('click', function (e) {

或

$(this).closest('.wrapper').find('.small, .big').toggleClass('small big');

我认为问题在于这两者之一。因为我在寻找所有“按钮”共有的包装类。

如有任何帮助，我们将不胜感激。

(测试区元素结构)

<div class="column withimage ">
  <div class="column-inner">
    <div class="image" style="background-image: url(http://eperium.com.testbyte.nl/wp-content/uploads/2016/08/Icoon_orientatie_v02.png)"></div>
    <div class="txtwrap"><h4><center>ORIËNTATIE</center></h4>
      <div class="wrapper">
        <div class="small">
          <p style="text-align: center;">
            <span style="color: #000000; font-size: 16pt;">title</span><br>
            <span style="color: #000000; font-size: 12pt;">text<br>more text week. </span></p>
        </div>
        <p style="text-align: center;"><a class="btn" href="#">Meer informatie</a></p>
</div>

Answer 1

你在这个函数里面做什么？

$('.wrapper').find('a[href="#"]').on('click', function (e) {

您需要在 $(this) 元素上切换您的类，而不是再次使用 jquery 选择所有元素。