jQuery隐藏一个div显示另一个 [英] jQuery hide one div show another

问题描述

我有以下网站: http://driz.co.uk/taschen/

我想这样做，以便当用户单击切换div时，当前显示的ipad淡出，另一个ipad淡入.反之亦然.

I'm wanting to make it so when a user clicks the toggle div the currently shown ipad is faded out and the other ipad is faded in. And vice-versa.

我该如何使用jQuery?谢谢.

How do I do this using jQuery? Thanks.

推荐答案

您可以使用 .toggle() 在功能之间交替，例如:

You can do it by using .toggle() to alternate between functions, like this:

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

或者，使用 .click() (有几种方法，这是其中一种) :

Or, using .click() (there are a few ways, this is one of them):

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

这篇关于jQuery隐藏一个div显示另一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！