Jquery FAQ函数切换不能按我的意愿工作

时间:2013-12-25 23:32:28

标签: javascript jquery

PSL为我回答了,谢谢你! :)

所以我得到了这段代码:

$(document).ready(function () {

$('.faqs .answer').hide();
$('.faqs .question').click(function(){
    $('.faqs .answer').slideUp('normal');
    $(this).next().slideDown('normal');
}); 

});

它工作正常,但问题是,当我点击相同的常见问题解答(您刚刚打开的常见问题解答)时,它会切换它,因此它会上下移动,当然是我的代码说这样做,有什么办法可以阻止这种情况发生吗?我使用相同的类名,这只是问答。所以我想要它做的只是当你点击滑下的div时它才会上升。

<div class="faqs">
    <div class="question">Can you help me?</div>
    <div class="answer">I hope so</div>
</div>

谢谢, 约迪

1 个答案:

答案 0 :(得分:1)

您可以使用not排除当前元素目标,这仍然会将其向下滑动:

$('.faqs .question').click(function(){
    var $target = $(this).next();
    $('.faqs .answer:visible').not($target.slideDown('normal')).slideUp('normal');
});