如果Else Statement - Jquery Animate

时间:2011-05-26 17:24:12

标签: jquery jquery-animate if-statement

JQuery初学者的一点点 - 尝试动画“制表符”以跟随“StaffPanel”类,因为它向外动画。

以下是我的脚本。第二个工作正常,向外动画类并将.StaffTriggerActive附加到按钮。

问题是,一旦用户关闭按钮,我似乎无法弄清楚如何编写if else语句以使按钮动画为关闭状态..

我显然做错了什么 - 有想法的人吗?

$(document).ready(function() {    
    $('.StaffTrigger').click(function() {
        if($(this).hasClass('.StaffTriggerActive')) {
                $(".StaffTriggerActive").animate ({
                right: '=0'
                }, "fast"); 
        }
        else {
                $(".StaffTriggerActive").animate ({
                right: '=340'
                }, "fast");
        }
    });
});

$(document).ready(function(){
    $(".StaffTrigger").click(function(){

    $(".StaffPanel").toggle("fast");
        $(this).toggleClass("StaffTriggerActive");
        return false;
    });
});

1 个答案:

答案 0 :(得分:1)

hasClass方法在类名上不能包含。就这样做:

if ($(this).hasClass('StaffTriggerActive')) ...