Actually you can use pretty much any element you want. More details here: http://docs.jquery.com/UI/Accordion/accordion
Jörn On Thu, Jan 22, 2009 at 11:03 AM, Mech7 <chris.de....@gmail.com> wrote: > > That is what i used first but it's very specific about the html > elements.... like it expects a p tag as content, that's why i decided > to make my own... :) > > On Jan 22, 4:28 pm, "Richard D. Worth" <rdwo...@gmail.com> wrote: >> You may want to look at the jQuery UI Accordion (if you haven't already): >> >> http://ui.jquery.com/demos/accordion#mouseover >> >> - Richard >> >> On Thu, Jan 22, 2009 at 4:08 AM, Mech7 <chris.de....@gmail.com> wrote: >> >> > I have an example here: >> >http://www.mech7.net/tmp/slide_down/ >> >> > When i hover the elements it jumps a little in vertical space, does >> > anybody know a solution how to remain the space my code is : >> >> > $(document).ready(function(){ >> > $('#portfolio div.item:first > div').addClass('open'); >> > $('#portfolio div.item:first > h3').addClass('active'); >> >> > function slideDownEffect(){ >> > var speed = 100; >> >> > $('#portfolio div.item').mouseenter(function () { >> > if($(this).children('h3').hasClass('active') == >> > false) >> > { >> > $('#portfolio div.item div').slideUp(speed); >> > $(this).children('div').slideDown(speed, >> > slideDownEffect); >> > $("#portfolio div.item").unbind('mouseenter'); >> > $('#portfolio div.item h3').removeClass('active'); >> > $(this).children('h3').addClass('active'); >> > } >> > }); >> > } >> > slideDownEffect(); >> > }); >> >>