jQuery динамическое изменение var и динамическая проверка

Question

Я хочу создать переменную, которая изменяет ее значение по щелчку, а затем я хочу проверить значение переменной, используя , если , и подготовить серию анимаций. Если значение переменной не допустимо, скажем, проекты Я использую еще, чтобы отменить анимацию.

var url = "work";

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

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

Я буду использовать это для одностраничного веб-сайта, поэтому значения var в основном являются URL-адресами.

Спасибо

Answer 1

Я думаю, вы хотите поместить свою проверку в обработчик кликов. Примерно так:

var url = "work";

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

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

});

Кроме того, не забывайте эти точки с запятой в конце каждой строки.

Answer 2

Если бы я понял, что вам нужно, это решило бы это:

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

Надеюсь, это поможет.Приветствия