[jQuery] Uncooperative divs
<html>
<body>
<tt>Hello folks,
I'm having a problem with a dyamically loaded div sliding under a
following div, rather than pushing that div down the page.
I have a page set up with the following divs..
[toolbar]
[email form/glossary form]
[content]
Both the toolbar and content divs have visible content as the page is
loaded. The email/glossary div is empty and hidden on page
load.
When, say the email icon is clicked in the toolbar, the following code
loads an email form into the second div...
function getEmailForm(){
$.get("scripts/ajax_ramosus.asp?sID=email&q=" + new
Date().getTime(), function(responseText){
$("#email").html(responseText).show();
});
};
The form is loaded as expected into the second div, but that div
"slides underneath" the content div (mostly, but not
always).
How can I reliably get the content div to get "pushed down" the
page when loading the email form into the preceding div?
I thought about adding something like
.css("height","300") to the callback function, but
this didn't appear to make any difference.
Any ideas for me to explore?
Thanks,
Bruce</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/