Jquery 移动并调整面板大小以模拟生长效果_Jquery_Height_Jquery Animate_Margin

Jquery 移动并调整面板大小以模拟生长效果

jquery

Jquery 移动并调整面板大小以模拟生长效果,jquery,height,jquery-animate,margin,Jquery,Height,Jquery Animate,Margin,我很难理解并使用jQuery创建适当的函数我的网站有两个主要区域。第一个是显示在我命名的另一个区域面板上的内容区域当我点击一个特定的链接，向上移动一点，并根据移动的大小调整大小时，我想要的就是这个面板。它应该代表一个从下往上生长的面板，它当前不工作以下是我的jQuery代码： <script> $("#moveUp").click( function(){ $("#panel").animate( { marginTop: "-=50px

我很难理解并使用jQuery创建适当的函数

我的网站有两个主要区域。第一个是显示在我命名的另一个区域面板上的内容区域

当我点击一个特定的链接，向上移动一点，并根据移动的大小调整大小时，我想要的就是这个面板。它应该代表一个从下往上生长的面板，它当前不工作

以下是我的jQuery代码：

<script>
$("#moveUp").click(
 function(){
     $("#panel").animate(
   { 
          marginTop: "-=50px",
    }, 1000 ); 
   }
  );
 };

 function() {
  $("#panel").animate(
   { 
          height: "+=50px",
    }, 1000 ); 
   }
  );
 } 
);
</script>


$（“#上移”）。单击(
函数（）{
$（“#面板”）。设置动画(
{ 
marginTop:“-=50px”，
}, 1000 ); 
}
);
};
函数（）{
$（“#面板”）。设置动画(
{ 
高度：“+=50px”，
}, 1000 ); 
}
);
} 
);

以下是html：

<body>

<div id="content-container">

<div id="content">
some content
</div>

</div>

<div id="panel">

<div class="content">
other content
<br /><br />
<a href="#" id="moveUp">move a bit up</a>
</div>

</div>

</body>


一些内容
其他内容

我的目标是当我点击“向上移动一点”链接时，面板向上移动50像素。稍后，我想在这里显示我的电子邮件地址，并将有一个功能，该功能将显示我的电子邮件中的div元素，或者如果我按下其他链接-它将隐藏我的电子邮件地址-面板将向下移动。

您的脚本中有很多语法错误。有些大括号不匹配，并且确实不需要声明第二个函数来设置高度动画，您可以在一个

animate（）

调用中实现多个属性操作。以下是一个有效的版本：

<script type="text/javascript">
$("#moveUp").click(function(){
     $("#panel").animate({
          marginTop: "-=50px",          
          height: "+=50px"
    }, 1000);
});
</script>


$（“#向上移动”）。单击（函数（）{
$（“#面板”）。设置动画({
marginTop:“-=50px”，
高度：“+=50px”
}, 1000);
});

我很确定这就是您想要实现的目标，但请仔细检查。

根据zombat的回答，我在这里举了一个例子，只是想看看在我自己学习使用jquery时它是什么样子的。嗨，杰森，谢谢你的回复，但是你的代码在我的电脑上不起作用。你能告诉我是什么问题吗？