CSSの幅を変更するJavaScript if-else条件

Question

これがなぜ動作しないのか誰にでも教えてもらえませんか？

$(function() { 
    $("#header").click(function() { 
     if ($(".menuBody").css('width') == 0) { 
      $(".menuBody").delay(0).animate({"width": "350"}, 500); 
     } 
     else if ($(".menuBody").css('width') == 350){ 
      $(".menuBody").delay(400).animate({"width": "0"}, 500);}; 
     }); 
}); 

Answer 1

.css('width')は数字と等しくありません。これは文字列と同じです。代わりに.width()を使用してください。ここ

$(function() { 
    $("#header").click(function() { 
    if ($(".menuBody").width() == 0) { 
     $(".menuBody").delay(0).animate({"width": "350"}, 500); 
    } 
    else if ($(".menuBody").width() == 350){ 
     $(".menuBody").delay(400).animate({"width": "0"}, 500); 
    } 
    }); 
}); 

さらに詳しい情報：http://api.jquery.com/width/

Answer 2

は、上に行くために多くはありませんですが、多分ライン4と6であなたの幅が文字列であるため、「350」としませ整数：350

Answer 3

$(function() { 
    $("#header").on('click', function() { 
    if ($(".menuBody").width() == 0) { 
     $(".menuBody").delay(0).animate({"width": "350px"}, 500); 
    } 
    else if ($(".menuBody").width() == 350){ 
     $(".menuBody").delay(400).animate({"width": "0"}, 500); 
    } 
    }); 
}); 

EDIT： 使用.width()研

あなたの問題を解決するために、このコードを試してみてくださいead of .css('width');