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

jQuery for slow slideToggle

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

Answer 2

使用slideToggle方法：

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