jQuery滑动切换使隐藏内容在单击的div后面开始和结束

我有三个分区：公告栏1、公告栏2和公告栏3，当单击它们时，使用jQuery slideToggle显示存储在分区#panel1、#panel2和#panel3中的隐藏数据。这一切都非常有效，因为：

未显示隐藏数据时，标牌之间的距离保持在15px，单击其中一个标牌时，隐藏数据底部与下一个标牌之间的距离保持在15px

当隐藏的数据被揭露时，它下面的标语牌会向下移动以腾出空间

我的问题是：我如何使它，使隐藏的数据，动画下来时，点击标语牌开始和结束后，点击标语牌（15像素从顶部）

这是我的密码：

$（文档）.ready（函数（）{
$（“#海报1”）。单击（函数（）{
$（“#panel1”）。滑动切换（“慢速”）；
});
$（“#标语牌2”）。单击（函数（）{
$（“#panel2”）。滑动切换（“慢速”）；
});
$（“#标语牌3”）。单击（函数（）{
$（“#panel3”）。滑动切换（“慢速”）；
});
});
#框1、#框2、#框3{
/*位置：相对位置*/
/*边界：实心1×珊瑚*/
利润率：10px；
宽度：410像素；
}
#标语牌1、标语牌2、标语牌3{
填充：15px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
边界半径：8px；
最小高度：40px；
宽度：350px；
利润率：15px；
z指数：1；
/*位置：绝对位置*/
/*位置：粘性*/
}
#配电盘1、配电盘2、配电盘3{
/*利润上限：-70px*/
填充：50px；
显示：无；
背景色：#eee；
/*位置：绝对位置*/
/*位置：固定*/
/*位置：相对位置*/
/*位置：粘性*/
边界半径：8px；
边框：1px实心#ddd；
z指数：-2；
}

标语牌1-点击查看更多详细信息
Lorem ipsum dolor sit amet，一位杰出的领导者，一位伟大的领袖
标语牌2-点击查看更多详细信息
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
标语牌3-点击查看更多详细信息
我们的实验室在日常工作中是不合格的
这样做会使扩展隐藏块的动画同时上下移动，而不是仅仅向下移动。请参见：这样做会使扩展隐藏块的动画同时向上和向下设置动画，而不是仅向下设置动画。见：