gayleD

Recent Comments

JQuery Tutorial - Dynamic Sliding Panels
03/25/2011 - 20:54

Hello everybody, I am new here. I am a 56yo self-taught designer and I am an expert at just about nothing. However, I have put together a test page for updating my nephew's business site with a show/hide sliding text content. My problem is the rendering in IE (the same problem it seems that everyone has with IE). On return, the slide resets too high. It has a top margin of 6px and seems to return to 6px below the previous div above the hidden panel. I attempted to change this by adjusting the margin but then the start position is wrong. The only script I am using is this (with reference to jquery-1.5.1.js):

$(document).ready(function(){

$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});

});

It works perfectly in Chrome and Firefox. Can anyone give me some advice on how to prevent IE from resetting the slide too high? Your help would be greatly appreciated.
The page is http://www.wagra-dexter.com.au/testpad/5star.html but don't look too closely; it needs a few touch-ups. As I said, at the moment it is merely an example page to show my nephew.

Hold that thought! I just fixed it! It's all in the padding.