jquery - JQuery 缓动按钮会影响所有 Wordpress 帖子而不是一次

Question

我在每个 wordpress 帖子标题的右侧添加了一个 JQuery 按钮，问题是，当我单击其中一个按钮打开框时，帖子的所有其余框也会打开，而不是打开一个时间。这是网址：http ://experiencias.freeserver.me/

此代码放置在“index.php”中，其中是 Post 的属性

<a href="#" class="square-toggle">&nbsp;</a>

我已经添加了这段代码，但这仅适用于单个帖子，它不会影响主页

<?php if(is_single ()) { ?>
    <a href="#" class="square-toggle">&nbsp;</a>
<?php } ?>

Js代码：

    $('.square').hide();
    $('a.square-toggle').click(function() {
      $('.square').slideToggle('fast');
      return false;
    });

Answer 1

这不适用于同一页面上的多个元素，因此会给您带来麻烦。尝试这个。

在 custom.js 中为主题更改此项，

从：

//Hidden box on homepage
$('.square').hide();
$('a.square-toggle').click(function() {
$('.square').slideToggle('fast');
    return false;
});

至：

//Hidden box on homepage
$('.square').hide();
$('a.square-toggle').click(function() {
//First make sure all squares are hidden again incase one is already open
$('.square').hide();
//now get the parent of the square-toggle and within that get .box>.square and slide it
$('.box .square', $(this).parent()).slideToggle('fast');
    return false;
});

演示http://jsfiddle.net/VRpL5/