jQuery Effects when loading external .html files

jQuery Effects when loading external .html files

I've just begun the journey of learning jQuery and all is well so far. I've successfully managed to load an external .html file inside a div from clicking a link.

Now, I wanted to clean up this process and have some effects occur onload. Maybe a fade in, or drop down of the div, etc. How do I add effects during loading an external file? My current code is below:


  $("a#interactive").click(function ()   
  $("#subNav").load("work_interactive.html");
     });