2013-02-11 51 views
0

出于某种原因,我知道这是可能的,而不使用选择器或类或标识符,我只是无法弄清楚。jQuery逐渐消失在孩子之后

我有一些div小号嵌套在其他div S和我想淡出各一,一前一后,从最浅的div最深div

我最初虽然.each().children()但我只是无法弄清楚。我不确定它会如何写。

但是,由于某种原因,我有一种强烈的感觉,它可以用一个简短的脚本完成,任何人都可以帮我弄清楚这一点吗?

这是一个应该更容易理解的小提琴。 http://jsfiddle.net/3z9Bf/


不要让小提琴混淆你。我不是只想.fadeIn第一个div当我意识到自己无法做到这一点时,我开始自己写剧本。

+0

你肯定是从shalowest最深

$.fn.cascadeChildren = function (speed) { var $children = this.children(); if (! $children.length) return; speed = speed || 300; $children.animate({ opacity: 1 }, speed, function() { $(this).cascadeChildren(speed); }); }; 

如下使用它?在进程到达最深的div之前,上面的div将被关闭。 – 2013-02-11 23:17:27

回答

7

这里有一个简单的插件:

$('#element').cascadeChildren(); 

这里的小提琴:http://jsfiddle.net/GUFzc/

+0

真的很好!正是我想要的,但我正在寻找最简单的脚本。我甚至不关心功能插件等等。关于这个项目有一些东西给了我一个暗示,我可以用三班轮完成它。但是,如果没有人回复,显然我会错的,我会给你信用。 – henryaaron 2013-02-11 23:26:38