jquerytoggle事件改为切换可见性

jquerytoggle事件改为切换可见性,jquery,toggle,Jquery,Toggle,这是我的jQuery: $('#help').toggle(function () { $('#center').animate({ paddingTop: '70px' }, 200); $('.child_help').slideDown(300); }, function () { $('#center').animate({ paddingTop: '50px' }, 200); $('.child_help').slideUp(300); });

这是我的jQuery:

$('#help').toggle(function () {
  $('#center').animate({
    paddingTop: '70px'
  }, 200);
  $('.child_help').slideDown(300);
}, function () {
  $('#center').animate({
    paddingTop: '50px'
  }, 200);
  $('.child_help').slideUp(300);
});
当我加载页面时,它会切换
#help
的可见性。我想做的是,当您单击它时,它应该向上或向下滑动
.child\u help
,并进行一些填充动画。
在jQueryAPI上,它只说:
注意:jQuery还提供了一个名为.toggle()的动画方法,用于切换元素的可见性。是否触发动画或事件方法取决于传递的参数集。

我所能看到的触发事件或切换可见性的唯一区别是它是否为
$('#help')。切换(函数(){dosomethine here})
,而不是
$('#help')。切换('slow')

这里有我遗漏的东西吗

编辑:下面是我的HTML

<div id="center">
  <div class="child_help">
    some help text here
  </div>
  <div class="child">
    <b>Account Activation</b>
    <img src="/css/images/help.png" alt="" id="help" />
  </div>
  <form method='post'>
    <input type="text" name="code" value="Code" class="code" />
    <span class="case">Case-sensitive</span>
    <input type="submit" name="submit" value="Activate" class="submit" />
  </form>
</div>

这里有一些帮助文本
帐户激活
区分大小写


html是什么样子的?切换事件处理程序在1.8中被弃用,在1.9中被删除。如果您使用的是较新版本的jquery,此切换方法将无法工作:哦,谢谢。他们应该在jquery API上这样说。@chrinsen它在最顶端的头上这样做。。它说版本1.8已被弃用,1.9已被删除。。你能做的就是把它绑定到一个点击处理程序,然后在那里做你的动画。我没有使用它的唯一原因是因为我也想给一些css做动画。但除此之外,这也行。我在你的问题中添加了css动画。谢谢!很好用。
$(function(){
  $("#help").click(function(){
     var padding="70px";
     if($(".child_help").css("display")=="none") padding="50px";

     $('#center').animate({
         paddingTop: padding
     }, 200);

     $(".child_help").slideToggle();
  });
});