Question

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

此代码位于＆＃34; index.php＆＃34; ，其中是帖子的属性

<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/

JQuery Easing Button受所有Wordpress帖子的影响，而不是一次

1 个答案: