Question

我很难理解并使用jQuery创建一个合适的函数。

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

我想要的就是这个面板，当我点击一个特定的链接移动一点上部并调整大小到移动的大小。它应该代表一个自下而上成长的小组，目前无法正常工作！？

这是我的jQuery代码：

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

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

这是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>

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

Answer 1

您的脚本中有很多语法错误。有些大括号不匹配，你真的不需要声明第二个函数来设置高度动画，你可以在一个animate()调用中实现多个属性操作。这是一个有效的版本：

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

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

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

1 个答案: