Javascript JQuery:SlideUp隐藏父级中的div

我有一个带有按钮的页面，可以使用slideUp和slideDown显示/隐藏div。以前我只是使用hide and show来显示和隐藏这些div，但我真的想使用幻灯片动画，因为它可以帮助用户看到页面上的变化

问题是：这些div中的一些存在于其他div中，这些div有时也会被隐藏，而且当父div被隐藏时，slideUp似乎不会对子div起作用

下面是一个粗略的例子：

$'Abutton'。取消绑定'click'。单击函数{ $'.A'。滑动切换500； }; $'Cbutton'。解除“单击”的绑定。单击函数{ $'.C'。滑动切换500； }; $按钮。解除“单击”的绑定。单击函数{ $'.B'。滑动切换500； }; 切换 切换B 切换C 母公司

和孩子

别的

也许是这样：

$'Abutton'。单击函数{ 如果“.A.”是“：可见”{ 如果“.C.”为“：可见”{ $'.C'.slideUp500，函数{ 美元“.A.”幻灯片500； }; }否则{ 美元“.A.”幻灯片500； } }否则{ $'.A'。向下滑动500，函数{ $'.C'。向下滑动500； }; } }; $'Cbutton'。单击函数{ 如果“.A.”是“：可见”{ $'.C'。滑动切换500； }否则{ $'.A'。向下滑动500，函数{ $'.C'。向下滑动500； }; } }; $“b按钮”。单击函数{ $'.B'。滑动切换500； }; div{ 利润率：10px； 边框样式：实心； 边框宽度：1px； } 切换 切换B 切换C 母公司

和孩子

别的

---

有一个回调函数，在动画结束时触发

var $c =  $('.C');
$c.slideUp(500, function(){
  $c.hide(
});

---

感谢您为此所做的工作。不幸的是，这并不能解决问题。我需要这样做1。用户单击切换A并隐藏C.2的父级.A。用户单击“切换C”。由于其父项被隐藏，因此不会显示任何内容。3.用户再次单击切换A，并且.C被隐藏，因为用户刚刚将其关闭。您好！我最初尝试了回调函数，但在我的页面上，它似乎在slideUp动画之前执行了hide函数。知道为什么吗？