Animate the loading of html content into a div

Question

I have a click function which grabs the contents of one div and loads it into another. I'd like to add a simple fade to that loading. Here's what I have so far:

$("ul.portfolio li a").click(function(e) { e.preventDefault(); var content = $(this).next('.clickContent').html(); $("#container").html(content).fadeIn('slow'); });

It's not working. The content just loads. Any idea how to get this to animate??

Thanks in advance!

arnorhs · Accepted Answer · 2011-02-23 21:07:31Z

You need to hide the div first:

$("ul.portfolio li a").click(function(e) { e.preventDefault(); var content = $(this).next('.clickContent').html(); $("#container").hide().html(content).fadeIn('slow'); // added .hide() });

Collectives™ on Stack Overflow

Animate the loading of html content into a div

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related