JQuery OnClick анимации и операторы if - PullRequest
Новая
       27

JQuery OnClick анимации и операторы if

0 голосов
/ 21 января 2011

Я провел последние 90 минут или около того, пытаясь понять это.У меня есть сайт, анимированный с помощью JQuery, и 2 ссылки, которые появляются в конце анимации.Когда вы нажимаете на любую ссылку, div исчезает, чтобы показать больше ссылок.Все работает до этого момента (для справки, ссылка 1 - «Тогда», а ссылка 2 - «Сейчас»).

То, что я хочу сделать, это, скажем, пользователь нажал «Затем».Теперь он хочет нажать «Сейчас».Я хочу, чтобы div "Затем" исчезал, а div "Сейчас" появлялся. И наоборот.Я чувствую, что мой код почти готов, но я полный нуб JS и, похоже, не могу его получить.Я также не хочу разрушать то, что у меня уже есть, пытаясь понять это.Код следует: 

//then + now animation

var thennav = document.getElementById('#thennavbox');
var nownav = document.getElementById('#nownavbox');

$(document).ready(function(){
$('#then').click(function(){
    $('#thennavbox').fadeIn(1000);
});

$('#now').click(function(){
    $('#nownavbox').fadeIn(1000);
});
});//end onclick animation

if(thennav.style.display=='none'){
    $('#nownavbox').fadeOut(1000, function(){
        $('#thennavbox').fadeIn(1000);
        });
    };

if(nownav.style.display=='none'){
    $('#thennavbox').fadeOut(1000, function(){
        $('#nownavbox').fadeIn(1000);
        });
    };//end if statements

//end then + now animation

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

1 Ответ

1 голос
/ 21 января 2011 
$('#then').click(function(){
    $('#thennavbox').fadeIn(1000);
    $('#nownavbox').fadeOut(1000);

});

$('#now').click(function(){
    $('#nownavbox').fadeIn(1000);
    $('#thennavbox').fadeOut(1000);
});
...