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()"

我现在只需要两件事的帮助:

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

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

Answer 1

你可以使用fadeToggle() :

Display or hide the matched elements by animating their opacity.

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