jquery - HTMLロード前後のFadeOutとFadeIn

Question

項目が外部 HTML をロードするメニューに取り組んでいます。外部 HTML をロードする前後に、フェードインまたは不透明効果が必要です。負荷は正常に機能しますが、充電間の遷移効果はありません。メニュー項目を初めてクリックしたときは機能するようですが、次の項目は機能しません。

$(document).ready(function() {                         
$('#nav li').click(function () {
    var prod = $(this).children("a").attr('href');
    $(".contenido").fadeOut(500, function() {
          $(".contenido").load(prod);
    });
    $(".contenido").fadeIn(500);
   });
});