如何防止Javascript/JQuery移动页面上的其他元素？

如何使动画代码不取消隐藏文本的div，这应该只在切换显示/隐藏按钮时起作用？在我将动画代码添加到我的js页面后，它把我用于显示/隐藏div文本的另一个jquery搞糟了

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“#数据”）.hide（）；
$（'#show'）.show（）；
$（'#hide'）.css（'display'，'none'）；
});
$（“#显示”）。单击（函数（）{
$（“#数据”）.show（）；
$（“#隐藏”）.show（）；
$（'#show'）.css（'display'，'none'）；
});
});
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var div=$（“div”）；
动画师({
高度：“300px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“300px”，
不透明度：“0.8”
}“慢”）；
动画师({
高度：“100px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“100px”，
不透明度：“0.8”
}“慢”）；
});
});

隐藏
显示
如果你点击“隐藏”按钮，我将消失。
启动动画
1st
id=“div”
选择器应为
$（“#div”）

如果按钮重叠，请从
样式中删除
位置：绝对

第三，如果不想显示文本div，请将其注释掉或删除
/$（“#data”）.show（）从
$（“#显示”）
单击事件


$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“#数据”）.hide（）；
$（'#show'）.show（）；
$（'#hide'）.css（'display'，'none'）；
});
$（“#显示”）。单击（函数（）{
//$（“#数据”）.show（）；
$（“#隐藏”）.show（）；
$（'#show'）.css（'display'，'none'）；
});
$（“#按钮”）。单击（函数（）{
var div=$（“#div”）；
动画师({
高度：“300px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“300px”，
不透明度：“0.8”
}“慢”）；
动画师({
高度：“100px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“100px”，
不透明度：“0.8”
}“慢”）；
});
});

隐藏
显示
如果你点击“隐藏”按钮，我将消失。
启动动画
1st
id=“div”
选择器应为
$（“#div”）

如果按钮重叠，请从
样式中删除
位置：绝对

第三，如果不想显示文本div，请将其注释掉或删除
/$（“#data”）.show（）从
$（“#显示”）
单击事件


$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“#数据”）.hide（）；
$（'#show'）.show（）；
$（'#hide'）.css（'display'，'none'）；
});
$（“#显示”）。单击（函数（）{
//$（“#数据”）.show（）；
$（“#隐藏”）.show（）；
$（'#show'）.css（'display'，'none'）；
});
$（“#按钮”）。单击（函数（）{
var div=$（“#div”）；
动画师({
高度：“300px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“300px”，
不透明度：“0.8”
}“慢”）；
动画师({
高度：“100px”，
不透明度：“0.4”
}“慢”）；
动画师({
宽度：“100px”，
不透明度：“0.8”
}“慢”）；
});
});

隐藏
显示
如果你点击“隐藏”按钮，我将消失。
启动动画
您的意思是只为正方形设置动画？然后像这样更正选择器
$（'#div'）
这就是您要做的吗？缩进你的代码在将来会有帮助。你的意思是只为你的方块设置动画？然后像这样更正选择器
$（'#div'）
这就是您要做的吗？缩进代码将在将来有所帮助。