Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery显示/隐藏嵌套div的疑难解答_Javascript_Jquery_Hide_Show_Show Hide - Fatal编程技术网

Javascript Jquery显示/隐藏嵌套div的疑难解答

Javascript Jquery显示/隐藏嵌套div的疑难解答,javascript,jquery,hide,show,show-hide,Javascript,Jquery,Hide,Show,Show Hide,我已经设法使这项工作与: <!-- function resettoggle() { document.getElementById('imagecarousel').style.display = 'none'; } function displayImages() { document.getElementById$('#imagecarousel').style.display="block"; } $('#imag

我已经设法使这项工作与:

<!--
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标记

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

  • 我把div设置为fadeIn,但它似乎是以光速飞进来的

  • 当页面加载时,您会看到幻灯片在消失之前闪烁。不知道如何实现resettoggle函数,使隐藏的div完全不可见

  • 您可以使用:

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


    我已经取得了一些进展,请参见上面修订的代码。谢谢
    $("#portfolio").click(function () {
       $("#imagecarousel").fadeToggle("slow");
    });