Jquery 跳跃式滑动切换交互

我正在尝试使用jquery创建一个可折叠面板。您可以单击V形图标进行尝试。正如您所看到的，每次底部面板向上/向下滑动时，它看起来就像折叠面板的底部（在“平衡”部分上方）有点“跳跃”，或者首先以不平稳的方式变得更高/更短。有人知道为什么会这样吗

（请记住我的代码，我是网络开发者中的新手）

$（“.toggle panel”）。单击（函数（）{
$（“.panel hide”）.slideToggle（“慢速”，函数（）{
});
});
.panel bg{
背景色：#F8；
身高：100%；
宽度：100%；
保证金：0；
填充：24px0；
}
.小组{
宽度：720px；
身高：100%；
边界半径：3px；
背景色：#fff；
盒影：0px 3px 6px 0 rgba（0,0,0,0.15）；
字体大小：16px；
光标：指针；
保证金：0自动；
填充：24px；
颜色：#333；
}
.面板标题行{
显示：块；
宽度：100%；
边界塌陷：塌陷；
边框底部：实心1px#c4c4；
}
.小组标题{
显示：内联块；
宽度：钙（100%-125px）；
文本转换：大写；
字体大小：14px；
字号：700；
颜色：#0099ff；
填充：0；
}
.小组字幕{
颜色：#999；
文本转换：大写；
字号：700；
字体大小：14px；
垫底：8px；
利润上限：24px；
}
.小组行动{
文本对齐：右对齐；
宽度：120px；
显示：内联块；
填充：0px 0 15px 0；
保证金：0；
}
李国章议员{
左边距：16像素；
}
.小组行动李：最后一个孩子{
左边距：32px；
}
.小组行动李一{
颜色：#333；
字体大小：12px；
}
上校33{
宽度：32.5%；
显示：内联块；
填充：0；
垂直对齐：顶部；
}
上校66{
宽度：66%；
显示：内联块；
}
.面板数据{
边缘底部：16px；
}
.面板数据标签{
字号：700；
字体大小：12px；
}
.面板数据值{
字体大小：13px；
边缘顶部：8px；
}
.小组内容{
显示：块；
宽度：100%；
填充顶部：16px；
}
.面板数据水平{
显示：表格；
宽度：100%；
保证金底部：8px！重要；
}
.面板数据水平。面板数据标签，
.面板数据水平.面板数据值{
显示：表格单元格；
右边框：实心8px透明；
}
.面板数据水平.面板数据标签{
宽度：160px；
}
.面板数据水平.面板数据值{
宽度：计算（100%-120px）；
}
.面板数据标签子组件，
.面板数据值子{
字体大小：13px；
}
.面板数据标签子组件{
字体大小：400；
左侧填充：24px；
宽度：136px！重要；
}
.最后的面板数据{
保证金底部：24px！重要；
}
.水平值{
页边距顶部：0！重要；
}
.面板数据扩展{
字体大小：13px；
边缘底部：8px；
}
.面板数据扩展标签{
字体大小：12px；
}
.面板数据扩展划分{
显示：内联块；
垂直对齐：顶部；
}
.面板数据扩展容器{
页边距底部：0！重要；
}
.小组数据句{
字体大小：13px；
字体大小：400；
}
.面板数据语句值{
字号：700；
}
@介质（最大宽度：575px）{
.面板数据水平.面板数据标签{
宽度：100%；
显示：块；
}
.面板数据水平.面板数据值{
宽度：100%；
显示：块；
}
.面板数据标签子组件，
.面板数据值子{
显示：内联块！重要；
宽度：40%！重要；
}
上校33{
宽度：100%；
}
.面板数据扩展{
页边距底部：0；
}
.面板数据扩展容器{
边缘底部：16px！重要；
}
}
@介质（最大宽度：767px）{
.小组{
宽度：计算（100%-64px）；
}
}

成员





生效日期
2018年1月1日
就业类型
永久的
工作级别
工作人员
职位名称
软件开发工程师、系统工程师、安全工程师、UI/UX设计师、项目经理、数据分析师、数据科学家、AI工程师、人力资源官
组织
信息和通信技术，人力资源
婚姻状况
全部的
地方
全部的
家庭补偿
不
均衡
应支付的索赔总额
雇员
100%
为了家庭
90%
通货
印尼盾
每次索赔限额
无限的
极限平衡类型
可编辑
限额余额
10,000,000.00
超限余额
不
基于任期的额外余额
1个工作年度
1000000.00余额增加额
总余额
可编辑+1000000.00
2个工作年度
2000000.00余额增加额
.panel-subtitle {
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 8px;
    margin-top: 24px;
}

.panel-subtitle {
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 24px;
}