Question

I want to create a var which changes it’s value on click and then I want to check the value of the var using if and preform a series of animations. If the value of the var isn’t lets say projects I use else to reverse the animations.

var url = "work";

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

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

I will use this for a one-page website so the var values are basically the urls.

Thanks

Answer 1

If I understood what you need, this would solve it:

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
})

Hope this helps. Cheers