jQuery Forum

Tony,
try:
(for an ID)
$('#emptyDiv').load(externalHTML, function(){
<div style="margin-left: 40px;">$(this).slideDown('slow');
</div>});
(for a class)
$('.emptyDiv').load(externalHTML, function(){
<div style="margin-left: 40px;">$(this).slideDown('slow');
</div>
});
<div><span class="gmail_quote">On 7/24/07, <b class="gmail_sendername">tonywhite</b> <<a href="mailto:tonywhite@gmail.com">tonywhite@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I'm new to jQuery and can't figure this one out.
Instead of using an ajax get and innerHTML to load in external html, I
can just use jQuery's load function:
$(emptyDiv).load(externalHTMLFile);
which I like!
I would like to do is make better use of the graceful animations that
jQuery has.  I would prefer that the external HTML not show up so
suddenly, but instead to slide or fade in place.  It's not clear to me
how to make that happen.  I tried "chaining", but by the time the
content is loaded, the chained animation doesn't really do the trick:
$emptyDiv).load(externalHTMLFile, function()
{$emptyDiv.slideDown('slow');});
If you know of answer, please share.  Thanks for any help.
Tony
</blockquote></div>
<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>

Cool - I get it now.
I found that my problem was really that the target div for inserting
my HTML wasn't set to display:none; to begin with, so animating it to
a block state was just not happening.
Thanks for your response - I appreciate the group.

Glad to have pointed you in a good direction.
<div><span class="gmail_quote">On 7/24/07, <b class="gmail_sendername">tonywhite</b> <<a href="mailto:tonywhite@gmail.com">tonywhite@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Cool - I get it now.
I found that my problem was really that the target div for inserting
my HTML wasn't set to display:none; to begin with, so animating it to
a block state was just not happening.
Thanks for your response - I appreciate the group.
On Jul 24, 11:08 am, "Benjamin Sterling"
<<a href="mailto:benjamin.sterl...@kenzomedia.com">benjamin.sterl...@kenzomedia.com</a>> wrote:
> Tony,
> try:
> (for an ID)
> $('#emptyDiv').load(externalHTML, function(){
> $(this).slideDown('slow');
>
> });
>
> (for a class)
> $('.emptyDiv').load(externalHTML, function(){
> $(this).slideDown('slow');
>  });
>
> On 7/24/07, tonywhite <<a href="mailto:tonywh...@gmail.com">tonywh...@gmail.com</a>> wrote:
>
>
>
>
>
> > I'm new to jQuery and can't figure this one out.
>
> > Instead of using an ajax get and innerHTML to load in external html, I
> > can just use jQuery's load function:
>
> > $(emptyDiv).load(externalHTMLFile);
>
> > which I like!
>
> > I would like to do is make better use of the graceful animations that
> > jQuery has.  I would prefer that the external HTML not show up so
> > suddenly, but instead to slide or fade in place.  It's not clear to me
> > how to make that happen.  I tried "chaining", but by the time the
> > content is loaded, the chained animation doesn't really do the trick:
>
> > $emptyDiv).load(externalHTMLFile, function()
> > {$emptyDiv.slideDown('slow');});
>
> > If you know of answer, please share.  Thanks for any help.
>
> > Tony
>
> --
> Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
</blockquote></div>
<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>