使用嵌套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();


});
});

-->

并将onLoad =“resettoggle（）”添加到body标记

我现在只需要帮助两件事：

1. 我将div设置为fadeIn，但它似乎以光速飞入。

2. 当页面加载时，您会看到幻灯片显示消失之前的闪烁。不确定如何以一种使隐藏的div完全不在视野范围内的方式实现resettoggle功能？

Answer 1

您可以使用fadeToggle()：

  

通过设置不透明度的动画来显示或隐藏匹配的元素。

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