Wow!!!! amazing!!! :D Perfect!!! I tried change line jQuery(el).fadeIn(500, function() { to jQuery(el).show(10, function() { And this don't work very well, Did you know why?
Thank you a lot!!! On 18 jul, 19:37, Mike Alsup <[EMAIL PROTECTED]> wrote: > On Jul 18, 6:29 pm, Mike Alsup <[EMAIL PROTECTED]> wrote: > > > > > > I wish the rows showing one by one. > > > > E.g: > > > > row number 1 is showing. > > > after showed row 1, the row number 2 is showing > > > after showed row 2, the row number 3 is showing > > > A script like this should do it: > > > var $trs = $('tr'), count = $trs.length; > > fadeRows(0); > > > function fadeRows(i) { > > var tr = $trs[i]; > > $(tr).fadeIn(500, function() { > > if (i < count) > > fadeRows(++i); > > }); > > > }; > > To better use the above script with Taconite you might want to make it > a small plugin, like this: > > jQuery.fn.fadeInOneByOne = function() { > var $this = this, count = this.length; > fadeInElement(0); > > function fadeInElement(i) { > var el = $this[i]; > jQuery(el).fadeIn(500, function() { > if (i < count) > fadeInElement(++i); > }); > }; > > }; > > And then invoke it via Taconite like this: > > <taconite> > <empty select="#tbproduto tbody" /> > <append select="#tbproduto tbody">some tr xhtml codes</append> > <fadeInOneByOne select="#tbproduto tbody tr" /> > </taconite> > > Cheers!