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


});
});

-->

并将 onLoad="resettoggle()" 添加到正文标签

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

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

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

Answer 1

你可以使用fadeToggle()：

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

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