javascript - 了解 jQuery

Question

好的，我正在设计一个网站，我想我会加入一些 jQuery，因为我真的需要 js 经验。

我的问题页面在这里:http://new.focalpix.co.uk/moreinfo.php

有问题的 JS 是:

$(document).ready(function(){

    $(".answer").css("display","none");

    $("#maincontent a.animate").click(function() {
        $("#maincontent .answer").slideUp('slow');
        var id = $(this).attr('href');
        $(id).slideDown('slow');
        return false;
    });

});

这工作正常，但如果您单击答案已经向下滑动的链接，它会向上滑动，然后再次向下滑动。

我不确定阻止这种情况发生的最干净的方法 - 有什么想法吗？

Answer 1

您应该使用 .slideToggle()效果。

$(document).ready(function() {
    $(".answer").css("display","none");
    $("#maincontent a.animate").click(function() {
        $("#maincontent .answer").slideToggle('slow');
    });
});