First of all, hide the div so it's initially... err.. hidden.
$('#subNav').hide();
Now you can throw in a function to call when the div loads content:
$("a#interactive").click(function () {
$("#subNav").load("work_interactive.html", {}, function() {
$(this).show('slow'); // change to whatever effect you want!
});
});
There are things you can (and should) do to clean this up, for example
by checked that the result was successfull and putting in relevant
error messages, but you get the idea.
Hope this helps :)
On May 5, 11:34 am, jkab <[EMAIL PROTECTED]> wrote:
> I'm currently loading an external .html file on click. The code is:
>
> $("a#interactive").click(function () {
> $("#subNav").load("work_interactive.html");
> });
>
> However, I'm having difficulty trying to learn how to add effects on
> the content's load in. Maybe a fade in, or a drop down of the div,
> etc. Any help?
