jquery एनिमेट पूर्ण

Question

<div class="factuuradres"></br><h3></h3></div> 
<div class="factuuradresbutton">Meer Informatie</div>   

<script type="text/javascript"> 
    $(".factuuradresbutton").toggle(function(){ 
     $(".factuuradres").animate({ 
      height: "310px" 
     }, 500); 
     complete: function() { 
      $(".factuuradresbutton").html("Toch geen factuuradres") 
      $(".factuuradres").html('<h2>Factuuradres</h2><div class="title_textbox3"><h3>Postcode:</h3></div><div class="textbox3"><input type="text" class="postcode" name="Postcode" value=""/></div><div class="title_textbox4"><h3>Huisnummer:</h3></div><div class="textbox4"><input type="text" class="huisnummer" name="Huisnummer" value=""/></div><div class="title_textbox"><h3>Straat:</h3></div><div class="textbox"><input type="text" class="field" name="Straat" value=""/></div><div class="title_textbox"><h3>Plaats:</h3></div><div class="textbox"><input type="text" class="field" name="Plaats" value=""/></div>') 
     } 
    }, 

    function(){ 
     $(".factuuradres").animate({ 
      height: "160px" 
     }, 500); 
     $(".factuuradresbutton").html("Ander factuuradres?") 
     $(".factuuradres").html("Factuuradres") 
    }); 
</script> 

मुझे आश्चर्य है कि क्यों complete: function() काम नहीं कर रहा है, कोई भी जो मुझे सलाह दे सकता है?

यह भी कामकाजी स्क्रिप्ट है, लेकिन बटन पर क्लिक करने के बाद यह टूट जाता है। एक या दो के बाद यह इरादा की तरह काम करता है। एक एनीमेशन पूरा करता है जब चेतन समारोह के लिए एक पैरामीटर है

<script type="text/javascript"> 
    $(".factuuradresbutton").toggle(function(){ 
    $(".factuuradres").animate({ 
     height: "610px" 
    }, 500); 
    $(".factuuradresbutton").html("Toch geen factuuradres") 
    $(".factuuradres").html('<h2>Factuuradres</h2><div class="title_textbox3"><h3>Postcode:</h3></div><div class="textbox3"><input type="text" class="postcode" name="Postcode" value=""/></div><div class="title_textbox4"><h3>Huisnummer:</h3></div><div class="textbox4"><input type="text" class="huisnummer" name="Huisnummer" value=""/></div><div class="title_textbox"><h3>Straat:</h3></div><div class="textbox"><input type="text" class="field" name="Straat" value=""/></div><div class="title_textbox"><h3>Plaats:</h3></div><div class="textbox"><input type="text" class="field" name="Plaats" value=""/></div>') 
    }, 
    function(){ 
    $(".factuuradres").animate({ 
     height: "160px" 
    }, 500); 
    $(".factuuradresbutton").html("Ander factuuradres?") 
    $(".factuuradres").html("Factuuradres") 
    }); 
    </script> 

Answer 1

बस अपनी टिप्पणी देखा है और इस के लिए मेरे उत्तर बदला: http://jsfiddle.net/t3ttW/1/

$(".factuuradresbutton").toggle(function() { 
     $(".factuuradres").animate({ 
     height: "610px" 
     }, { 
     duration: 500, 
     complete: function() { 
      $(".factuuradresbutton").html("Toch geen factuuradres") 
      $(".factuuradres").html('<h2>Factuuradres</h2><div class="title_textbox3"><h3>Postcode:</h3></div><div class="textbox3"><input type="text" class="postcode" name="Postcode" value=""/></div><div class="title_textbox4"><h3>Huisnummer:</h3></div><div class="textbox4"><input type="text" class="huisnummer" name="Huisnummer" value=""/></div><div class="title_textbox"><h3>Straat:</h3></div><div class="textbox"><input type="text" class="field" name="Straat" value=""/></div><div class="title_textbox"><h3>Plaats:</h3></div><div class="textbox"><input type="text" class="field" name="Plaats" value=""/></div>'); 
     } 
     }); 
    }, 

    function() { 
     $(".factuuradres").animate({ 
     height: "160px" 
     }, 500); 
     $(".factuuradresbutton").html("Ander factuuradres?") 
     $(".factuuradres").html("Factuuradres") 
    }); 

Answer 2

$(".factuuradres").animate({ 
     height: "310px" 
    }, 500, function() { 
     $(".factuuradresbutton").html("Toch geen factuuradres") 
     $(".factuuradres").html('<h2>Factuuradres</h2><div class="title_textbox3"><h3>Postcode:</h3></div><div class="textbox3"><input type="text" class="postcode" name="Postcode" value=""/></div><div class="title_textbox4"><h3>Huisnummer:</h3></div><div class="textbox4"><input type="text" class="huisnummer" name="Huisnummer" value=""/></div><div class="title_textbox"><h3>Straat:</h3></div><div class="textbox"><input type="text" class="field" name="Straat" value=""/></div><div class="title_textbox"><h3>Plaats:</h3></div><div class="textbox"><input type="text" class="field" name="Plaats" value=""/></div>') 
    }); 

Answer 3

कॉलबैक फ़ंक्शन कहा जाता है। वर्तमान में कोड पैरामीटर के रूप में फ़ंक्शन को पास नहीं कर रहा है।