jQuery的效果基本show（）和了slideDown（）函數中的奇數倍

Question

在放我提供一個撥弄着這裏的問題：https://jsfiddle.net/uLkx45aL/2/

$('.contact-social a').click(function() { 
    $('.contact-social a').removeClass('active'); 
    $(this).addClass('active'); 
    var className = $('.contact-social a.active').attr('className'); 
    $('.contact-wrap .content').slideUp('fast', function() { 
     $('.contact-wrap .'+className).slideDown('slow'); 
    }); 
}); 

以上是我用jQuery和一般的想法是，當用戶點擊底部的圖標時，當前表單/ div會滑動，並且他們所選擇的圖標會向下滾動。

但是目前它滑下變得兩次固定的，所以我假設有在jQuery的錯誤之前，但我無法弄清楚。

任何幫助非常感謝！

編輯：不能與Facebook的一個發生出於某種原因

Answer 1

的問題是，你是滑動所有.content元素了。要解決你所看到的問題，你可以以選擇可見.content元素使用:visible selector，然後向上滑動：

Updated Example

$('.contact-social a').click(function() { 
    $('.contact-social a').removeClass('active'); 
    $(this).addClass('active'); 
    var className = $('.contact-social a.active').attr('className'); 
    $('.contact-wrap .content:visible').slideUp('fast', function() { 
     $('.contact-wrap .' + className).slideDown('slow'); 
    }); 
});