jQuery滑动切换选项卡(&T)

Question

我正在尝试让切换标签与内容一起滑动，我目前有这个工作，但它跳跃，而不是随着内容滑动。

下面是我的代码：

$('#fp_thumbtoggle').click(function() {
  $('#fp_thumbtoggle').toggleClass("active");
  $('.dropgallery').slideToggle('500');
  return false;
 });

如果您快速浏览一下这个http://www.media21a.co.uk/development/fullthrottle/，就会明白我的意思

任何帮助都是非常好的：)

Answer 1

您必须从.active CSS中删除top: 65px。你可能不得不玩弄这个。

$('#fp_thumbtoggle').click(function() {
    $('#fp_thumbtoggle').toggleClass("active");

    if ($('#fp_thumbtoggle').hasClass('active')){
        $('#fp_thumbtoggle').animate({top:'185px'});
    }else{
        $('#fp_thumbtoggle').animate({top:'65px'});
    }
    $('.dropgallery').slideToggle('500');
    return false;
});