I have had the same issue on 2 different accordions, where sometimes the hover event doesnt trigger the drawer to open, and you have to mouse out and back over again to trigger it. Anyone have a thought as to how to smooth that out? Mech7, your jumping is pretty subtle, but Remy over at jqueryfordesigners.com has a tute about jumps in accordions- check it out.
::: Adam On Jan 22, 3: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(); > > > });
