jqueryデタッチとロードがフェードイン/アウトする必要があります

Question

私はこの関数をもっとうまく動作させようとしていますが、解決策を見つけるために問題があります。

私はページを互いにフェードアウトさせたいと思います。 提案がありますか？最良の解決策は、より多くのコンテキスト/ CSS/HTMLせずに、あなたのためになるものを伝えるのは難しいここではオプションの

 $('.edit-account').click(function(){ 

      $('#section-wrapper').detach(); 

      $('#inline-cont').load('../my-profile/edit-profile.html #inline_content'); 

      $('#inner-wrap').load('../my-profile/edit-profile.html #section-wrapper', function(){ 
       $('#close-account').click(function() { 
         $('#section-wrapper').detach(); 
         $('#inline-cont').load('../my-profile/close-account.html #inline_content'); 
         $('#inner-wrap').load('../my-profile/close-account.html #section-wrapper'); 
       }); 
      }); 
     }); 

Answer 1

カップル。

1. jQueryを使ってアニメイト（前提としていますが、最初は0に設定されたCSSプロパティの不透明度を持っている）

   （ '＃のyourSelector'）アニメーション（{不透明度：1}

   $。、1000年、機能（）{/ /アニメーションが完了しました。}）;

ここ.animateについての詳細：

1. 使用CSSトランジション（IE 上ノーサポート） あなたが最初にあなたの不透明度が0に設定されている場合は、単に要素のCSSを変更不透明度プロパティを1 $('#yourSelector').css('opacity':'1'); に設定してから、DOMに読み込んだ後、CSSのトランジションが残りの部分を処理します。

   .yourSelector { -webkit-transition：opacity .2s ease-in 0s; -moz-transition：不透明度.2s ease-in 0s; -o-transition：不透明度.2s ease-in 0s; -ms-transition：不透明度.2s ease-in 0s; transition：不透明度.2s ease-in 0s; }