show hide多個div有效果

Question

這應該相當簡單。我有一個div用於顯示/隱藏其他div。

在點擊我想要的是顯示淡出div和被替換它的脈動股利。

<script> 
$(function() { 
$(".clicky").click(function() { 
    var content_id = $(this).attr('href'); 
    $('#content').fadeOut(2000).html($(content_id).html()).show("pulsate");; 
    return false; 
}); 
}); 
</script> 

問題是點擊這個代碼顯示了更換格，然後再還脈動它因此它在你看到效果之前就已經出現了。 Theres可能是更好的方式來完成代碼的編寫。有任何想法嗎？謝謝。

Answer 1

試試這個：

<script> 
    $(function() { 
    $(".clicky").click(function() { 
     var content_id = $(this).attr('href'); 
     $('#content').fadeOut(2000, function(){ 
     $(this).html($(content_id).html()).show("pulsate"); 
     }); 
     return false; 
    }); 
    }); 
</script> 

您遇到的問題是，你是不是等着你開始切換出的內容和展示新內容之前fadeOut完成。

Answer 2

<script> 
    $(function() { 
    $(".clicky").click(function() { 
     var content_id = $(this).attr('href'); 
     $('#content').fadeOut(2000,function(){ 
     $('#content').html($(content_id).html()).show("pulsate"); 
     }); 
     return false; 
    }); 
    }); 
</script> 

這會鏈接，只有一旦你的內容淡出，它會脈動。