I cant get this jQuery animation to repeat more than three times

$("#name").change(function() {
        sav$("#saveMenu").click(function() {
        $("#shadow").finish()
        $("#slideInLeft").finish();
        $("#slideInLeft").show();
        $("#slideInLeft").children().fadeIn();
        $("#slideInLeft").animate({width: '240px'});
        $("#shadow").show();
        $("#shadow").animate({opacity: ".8"})
        $("#shadow").click(function() {
            $("#slideInLeft").children().fadeOut()
            $("#slideInLeft").animate({width: '0px'}, function() {
                $("#slideInLeft").hide();
                $("#shadow").animate({opacity: "0"}, function() {$("#shadow").hide()});
            });
        });
    });

      

http://jsfiddle.net/4rvkqvo6/

When I run this by running click it works three times, but then it stops working. I cannot figure out how to do this.

+3


source to share





All Articles