Problème Slide-In/Out JQuery

Question

Slide out n'est pas un problème J'ai seulement un problème de diapositive qui n'apparaît pas et je pense qu'il n'a pas attrapé leur première largeur IF 0px. désolé im vraiment noobs à propos de jQuery.

CODE:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#ShowHideComment").click(function(){ 
     if ($(".iframe_comment").width() == "0px"){ 
      $(".iframe_comment").animate({width: "800px"}, {queue:false, duration:1000}); 
     } 
     else{ 
      $(".iframe_comment").animate({width: "0px"}, {queue:false, duration:1000 
      }); 
     } 
    }); 
}); 
</script> 

Answer 1

De the docs:

Toutes les propriétés animées doivent être animés d'une valeur numérique unique

Vous n'êtes pas traiter avec des valeurs de propriété CSS ici, mais avec des entiers simples.

$(document).ready(function(){ 
    $("#ShowHideComment").click(function(){ 
     var $comment = $(".iframe_comment"); 
     if ($comment.width() == 0){ 
      $comment.animate({width: 800}, {queue:false, duration:1000}); 
     } 
     else{ 
      $comment.animate({width: 0}, {queue:false, duration:1000}); 
     } 
    }); 
}); 

également see width():

La différence entre .css(width) et .width() est que ce dernier renvoie une valeur de pixel unitaire moins

Answer 2

.width() rendements valeur numérique. Cette ligne if ($(".iframe_comment").width() == "0px") devrait être if ($(".iframe_comment").width() == 0)