JQuery скрыть один другой показать деление с

Question

У меня есть веб-сайт: http://driz.co.uk/taschen/

Я хотел сделать это так, когда пользователь щелкает тумблер Див показанный в данный момент Ipad погаснут, а другой Ipad утрачен в. И наоборот.

Как это сделать с помощью jQuery? Благодарю.

Answer 1

Вы можете сделать это с помощью .toggle() чередовать между функциями, например:

$("#toggle").toggle(function() { 
    $("#ipad-portrait").fadeOut(function() { $("#ipad-landscape").fadeIn(); }); 
}, function() { 
    $("#ipad-landscape").fadeOut(function() { $("#ipad-portrait").fadeIn(); }); 
}); 

Или, используя .click() (есть несколько способов, это один из них):

$("#toggle").click(function() { 
    var ipads = $("#ipad-portrait, #ipad-landscape"), 
     current = ipads.filter(":visible").fadeOut(function() { 
        ipads.not(current).fadeIn(); 
       }); 
}); 

Answer 2

$("#toggle").click(function() { 
    $("#ipad-landscape, #ipad-portrait").toggle(); 
}); 

Ага, вы хотите выцветанию ...

Answer 3

вы можете использовать fadeToggle() функция добавлена ​​в JQuery 1.4.4 (Вам необходимо обновить до этой версии от сценария версии 1.4.2, который вы используете на этой странице):

$('#toggle').click(function(){ 
    $('#ipad-portrait, #ipad-landscape').fadeToggle(300); 
});