jquery - jQuery 切换/滑动动画表格主体

Question

这就是我想要的：在单击锚链接时逐渐.mytbody1向上滑动并隐藏，而.mytbody3逐渐出现并显示，反之亦然.mytbody2。链接也随着滑动而上下移动。

我在这里看到了很多例子并尝试了它们，但它们不起作用。

我在 jQuery 中犯了一些错误，无法识别正确的语法。

我试过了：$('.mytbody1').animate{("height:toggle","duration:slow")};。

但这不起作用，正确的方法是什么？

这可以完美切换，但我需要它逐渐放慢速度。

jQuery(document).ready(function(){

  $('.mytbody1').show();

  $('.mytbody3').hide();

  $('.mytbody2').live('click', function () {

    $('.mytbody1').toggle();

    $('.mytbody3').toggle();   

  });   

});

Answer 1

用于慢速滑动的 jQueryToggle

$('.mytbody1').slideToggle('slow');
$('.mytbody3').slideToggle('slow');

Answer 2

使用slideToggle方法：

$('.mytbody1').slideToggle();
$('.mytbody3').slideToggle();