First of all, thank you very much for the reply. It is really hard to get any reply in this mailing list. This is the third time I'm asking something and you are the first to answer.
Unfortunately, I've tried this and it kinda acts weird. Instead of wrapping the <li>testing</li> with the effect, it wraps the next element, so now the second does the slideDown effect. You can see this here: http://treazy.com/pek/album/ Just click previous and watch what happens. Do you know how to work around this? Thanks again. On Jul 3, 10:30 pm, real <[EMAIL PROTECTED]> wrote: > This is what you would want to do: > $("#gallery li:first").before("<li>testing</ > li>").hide().slideDown("slow") > > On Jul 3, 11:51 am, pek <[EMAIL PROTECTED]> wrote: > > > I have a small problem when dealing with effects. Warning: Noob > > question ahead. > > > Currently I have a list of items > > <ul id="gallery"> > > <li>test</li> > > <li>test2</li> > > </ul> > > > alert($("#gallery li:first").html()) will correctly echo "test". > > If I want to add a new element before that with a slideDown effect, I > > use this line: > > $("#gallery li:first").before().html("<li>testing</ > > li>").hide().slideDown("slow") > > > Although this correctly adds the line and smoothly slides it down, now > > the list is like this: > > <ul id="gallery"> > > <li style="display: block;"> > > <li>testing</li> > > </li> > > <li>test</li> > > <li>test2</li> > > </ul> > > > The extra li with the style is added by jQuery for the effect. This > > isn't a problem until you want again to add something before the first > > element. > > Now alert($("#gallery li:first").html()) incorrectly (well, correctly, > > but not what I want anyway) returns "<li>testing</li>" instead of > > "testing" which means that if I try to do the same effect with the > > same code it will not add before, rather, it will replace it and do > > the effect again. > > > Any help? > > > Thank you in advance. > > Panagiotis
