I believe this is an error with IE7 -- try giving the div's this style: min-height: 1%
You might also try googling "IE7 hasLayout" for more info On Sep 15, 11:25 pm, JFRanger <[EMAIL PROTECTED]> wrote: > Hello World! > > Can some one can tell me WHY the content of my div's disappear (IE > ONLY) at the end of the slideDown/slideUp functions. > > See it in action:http://dev.residencia.ca/?site=projectadd(click on > the blue H3's to expand and see the effect) > > I have no padding/margin in the main div as explained > herehttp://jqueryfordesigners.com/animation-jump-quick-tip/ > > Every thing is 100% nice with FF / SAFARI / CHROME > > The js code; > > function AccordeonProjectAdd() { > $('#menuProjectAdd div.ui-accordion-content').hide(); > $('#menuProjectAdd div.ui-accordion- > content:first').slideDown({duration: 2000, easing:'easeOutBack'} ); > $('#menuProjectAdd h3').click( > function() { > var checkElement = $(this).next('.ui-accordion-content'); > if((checkElement.is('div')) && (checkElement.is(':visible'))) { > return false; > } > if((checkElement.is('div')) && (!checkElement.is(':visible'))) { > $('#menuProjectAdd div.ui-accordion- > content:visible').slideUp('slow'); > checkElement.slideDown({duration: 1000, > easing:'easeOutBack'}); > $('#menuProjectAdd > h3').removeClass('ui-accordion-header-over'); > $(this).addClass('ui-accordion-header-over'); > > return false; > } else { > return false > } > } > ); > }