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
javascript jquery animation


source to share


No one has answered this question yet

Check out similar questions:

1137
How can I get jQuery to make a synchronous rather than asynchronous Ajax request?
8
How to move down a div and then .fadeIn () content and vice versa?
3
JQuery fadeIn stopping a loop but fading out before stopping doesn't work
2
Play jQuery based animation only once
1
need help stopping jquery animation during show / hide div
1
Stop animation FadeIn on click and FadeOut on click
1
Which is a more elegant jquery solution that handles multiple animations
0
jQuery - cannot stop animation and fade out / in functions
0
Android show hide LinearLayout
0
jQuery animation and attr not working in Chrome



All Articles
Loading...
X
Show
Funny
Dev
Pics