jQueryの動的な変数変更とそれ以外の場合の動的チェック

Question

私はvarの値をクリックで変更してから、を使用してを使用して一連のアニメーションを実行したいと考えています。 varの値がのプロジェクトの場合、私はアニメーションを逆にするために使用します。

var url = "work"; 

if (url == "home") { 
$("#homeBox").fadeIn(200) 
} 

$("#homeTab").click(function(){ 
var url = "home" 
}) 

私はこれを1ページのウェブサイトに使用しますので、var値は基本的にURLです。私はあなたが必要なものを理解している場合、これはそれを解決するだろう

おかげ

Answer 1

：

var url = "work"; 

function animate(){ 
    if (url == "home") { 
    $("#homeBox").fadeIn(200); 
    } 
} 
animate(); 

$("#homeTab").click(function(){ 
    url = "home"; //I removed 'var', because it would create a local variable. 
    animate(); //Perform the animation/deanimation 
}) 

は、この情報がお役に立てば幸いです。乾杯してください

Answer 2

私はあなたがクリックハンドラの内側にチェックを入れたいと思うと思います。このようなもの：

var url = "work"; 

$("#homeTab").click(function(){ 
    var url = "home"; 

    if (url == "home") { 
     $("#homeBox").fadeIn(200); 
    } 
    else { 
     $("#homeBox").fadeOut(200); 
    } 

}); 

また、すべての行の末尾にあるセミコロンも忘れないでください。