javascript - ネストされた div を使用した Jquery の表示/非表示のトラブルシューティング

Question

私はこれをうまく機能させることができました：

<!--
function resettoggle() {
document.getElementById('imagecarousel').style.display = 'none';

}

function displayImages() {
                document.getElementById$('#imagecarousel').style.display="block";

            }

  $('#imagecarousel').fadeIn("slow", function() {
  // Animation complete


    $('#portfolio').click(function () {
  $("#imagecarousel").toggle();


});
});

-->

body タグに onLoad="resettoggle()" を追加

私は今、次の 2 つのことについてのみサポートが必要です。

1. divをfadeInに設定していますが、光の速さで飛んでいるようです。

2. ページが読み込まれると、スライドショーが消える前にちらつきが見られます。非表示の div を完全に非表示にする方法で resettoggle 関数を実装する方法がわかりませんか?

Answer 1

あなたが使用することができますfadeToggle():

不透明度をアニメーション化して、一致した要素を表示または非表示にします。

$("#portfolio").click(function () {
   $("#imagecarousel").fadeToggle("slow");
});