Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 Slidedown动画在动画期间隐藏div_Javascript_Html_Css_Jquery - Fatal编程技术网

Javascript Slidedown动画在动画期间隐藏div

Javascript Slidedown动画在动画期间隐藏div,javascript,html,css,jquery,Javascript,Html,Css,Jquery,我有以下代码: 当您按时,单击我,为什么它在动画期间隐藏红色方块,然后在动画结束后显示 HTML: JQuery: $('a').click(function() { $(".box").hide().slideDown(); $("a").hide(); }); 因为当slidedown设置动画时,父div(div.box)的溢出设置为hidden。这是jQuery的内部css的一部分,同时它还可以设置动画。您需要定位父div以在其可见区域中包含div.dot,或者将其覆盖以

我有以下代码:

当您按
时,单击我,为什么它在动画期间隐藏红色方块,然后在动画结束后显示

HTML:

JQuery:

$('a').click(function() {
    $(".box").hide().slideDown();
    $("a").hide();
});

因为当slidedown设置动画时,父div(div.box)的溢出设置为hidden。这是jQuery的内部css的一部分,同时它还可以设置动画。您需要定位父div以在其可见区域中包含div.dot,或者将其覆盖以

overflow:visible !important
将此添加到CSS将解决您的问题:

div.box{
 overflow:visible !important;   
}
但是,这会影响滑动效果的工作方式。最好增加滑动元素的宽度,否则在滑动时其内容将可见,这基本上破坏了slidedown效果


干杯

因为当slidedown设置动画时,父div(div.box)的溢出设置为hidden。这是jQuery的内部css的一部分,同时它还可以设置动画。您需要定位父div以在其可见区域中包含div.dot,或者将其覆盖以

overflow:visible !important
将此添加到CSS将解决您的问题:

div.box{
 overflow:visible !important;   
}
但是,这会影响滑动效果的工作方式。最好增加滑动元素的宽度,否则在滑动时其内容将可见,这基本上破坏了slidedown效果


干杯

因为当slidedown设置动画时,父div(div.box)的溢出设置为hidden。这是jQuery的内部css的一部分,同时它还可以设置动画。您需要定位父div以在其可见区域中包含div.dot,或者将其覆盖以

overflow:visible !important
将此添加到CSS将解决您的问题:

div.box{
 overflow:visible !important;   
}
但是,这会影响滑动效果的工作方式。最好增加滑动元素的宽度,否则在滑动时其内容将可见,这基本上破坏了slidedown效果


干杯

因为当slidedown设置动画时,父div(div.box)的溢出设置为hidden。这是jQuery的内部css的一部分,同时它还可以设置动画。您需要定位父div以在其可见区域中包含div.dot,或者将其覆盖以

overflow:visible !important
将此添加到CSS将解决您的问题:

div.box{
 overflow:visible !important;   
}
但是,这会影响滑动效果的工作方式。最好增加滑动元素的宽度,否则在滑动时其内容将可见,这基本上破坏了slidedown效果


干杯

看来我并没有按照我的方式做这件事。这是一个新的问题:你可以考虑接受这个答案,或者结束这个问题。我似乎没有按照JSFiddle的方式去做。这是一个新的问题:你可以考虑接受这个答案,或者结束这个问题。我似乎没有按照JSFiddle的方式去做。这是一个新的问题:你可以考虑接受这个答案,或者结束这个问题。我似乎没有按照JSFiddle的方式去做。这里有一个新的问题:你可以考虑接受这个答案或者关闭这个问题。