Jquery 同时禁用父div和子div的可见性

我有一个div框，它在窗口加载时加载，在html单击时缓慢向上滑动

问题是，在父div完全消失之后，该div中的子div标记消失了。我如何让它们同时消失

这是

在这把小提琴中，我希望“Sometext”与灰色div一起消失，而不是在它之后

<script>

$(window).load(function() {
    $("#box").css("visibility","visible");
   e.stopPropagation();
});

$("html").click(function(e){
 $("#box").slideUp('slow', function() {$("#box").css("visibility","hidden");});

});
</script>

$（窗口）。加载（函数（）{
$（“#框”）.css（“可见性”、“可见”）；
e、 停止传播（）；
});
$（“html”）。单击（函数（e）{
$（“#box”）.slideUp（'slow'，function（）{$（“#box”）.css（“可见性”、“隐藏”）；}）；
});

---

PS：点击灰色页面上的结果部分

我已经更新了你的JSFIDLE。我通过在包含“Some Text”的div中添加一个

style=“position:absolute；”“

，实现了目标

---

只需通过以下方法更改内部Div的样式

---

style='position:absolute；'

所有东西都需要定位：固定吗？为什么要调用

$（“#box”）.css（“可见性”、“隐藏”）在回调中？为什么需要更改可见性？当你滑动时，它们都会隐藏起来。不管怎样，如果它被修复了，那就好了。我一直在保护自己，谢谢hitesh，这可能行得通。但有没有办法让这一切像毒蛇清理潜水舱一样发生？i、 e.不收缩？@RohanSagar，你所说的毒蛇清洗是什么意思？我的意思是，在向上滑动时，它能不收缩吗？顺便说一句，谢谢你的解决方案。我的问题几乎解决了。