使用jQuery UI将一个div与下一个内容一起滑动

我使用jqueryui滑动一个

div

。但是下一项

.bottom div

不能顺利地向下/向上滑动

我知道我可以用纯jQuery做到这一点。仅用于查询，使用jQueryUI是否可以这样做

可能是这样吗

$（函数（）{
$（'#showdiv'）。单击（函数（）{
$（'.mydiv'）.show（1000）；
});
$（'#hidediv'）。单击（函数（）{
$（'.mydiv'）.hide（1000）；
});
});
.ui效果包装器{
高度：自动！重要；
}
.wrap{}.mydiv{
高度：300px；
填充：15px 30px；
边框：2倍实心；
背景：橙色；
}
.mydiv p{
填充：10px 30px；
利润率：-15px-30px 0；
背景：黄色；
}
.分区以下{
背景：红色；
填充：10px 30px；
}

滑落
滑上
这是一个长文本的div；真的很长

这是滑动div下面的div。
不要使用
show（）
和
hide（）
函数，而是使用
slide（）
函数：


$（函数（）{
$（'#showdiv'）。单击（函数（）{
$（'.mydiv'）。向下滑动（300）；
});
$（'#hidediv'）。单击（函数（）{
$（'.mydiv'）.slideUp（300）；
});
$（'#togglediv'）。单击（函数（）{
$（'.mydiv'）。滑动切换（300）；
});
});
.ui效果包装器{
高度：自动！重要；
}
.wrap{}.mydiv{
高度：300px；
填充：15px 30px；
边框：2倍实心；
背景：橙色；
}
.mydiv p{
填充：10px 30px；
利润率：-15px-30px 0；
背景：黄色；
}
.分区以下{
背景：红色；
填充：10px 30px；
}

滑落
滑上
切换
这是一个长文本的div；真的很长

这是滑动div下面的div。
要使用幻灯片效果，可以使用大小效果：


$（函数（）{
$（'#showdiv'）。单击（函数（）{
$（'.mydiv'）.show（'size'，{origin:['top'，center']}，“slow”）；
});
$（'#hidediv'）。单击（函数（）{
$（'.mydiv'）.hide（'size'，{origin:['top'，center']}，“slow”）；
});
});
.ui效果包装器{
高度：自动！重要；
}
.包裹{
}
mydiv先生{
高度：100px；
填充：15px 30px；
边框：2倍实心；
背景：橙色；
}
.mydiv p{
填充：10px 30px；
利润率：-15px-30px 0；
背景：黄色；
}
.分区以下{
背景：红色；
填充：10px 30px；
}

滑落
滑上
这是一个长文本的div；真的很长

这是滑动div下面的div。