pek, Try this (untested):
$("<li>testing</li>").hide().insertBefore("#gallery li:first").slideDown("slow"); Carl pek wrote: > 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 >>> > > >