[jQuery] IE slideDown bad attitude!
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 here
http://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
}
}
);
}