jQuery Sliding Toggle＆amp;标签

Question

我正在尝试让Toggle Tab与内容一起滑动，我目前正在使用它，但它会跳转而不是与内容一起滑动。

这是我的编码：

$('#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;
});