淡入淡出內容和淡出當前Div？

Question

所以我想淡出在一個div而淡出當前div我有一些代碼在這裏可能會顯示我試圖得到什麼！

代碼：

[1]: https://jsfiddle.net/trftw00c/ 

Answer 1

不要爲每個菜單的事件處理程序，你可以概括的功能。跟蹤默認頁面和當前頁面。

在我的jsFiddle我遵循你的慣例，菜單項id等於項目內容類。

例如#soap對應.soap

https://jsfiddle.net/guanzo/trftw00c/2/

var current = "home"; 

$('.nav-tabs').on('click','li',function(){ 
    var clicked = $(this).attr('id'); 
    $('#'+current).toggleClass('active'); 
    $('#'+clicked).toggleClass('active'); 
    $('.'+current).fadeOut('fast',function(){ 
     $('.'+clicked).fadeIn('fast'); 
    }) 
    current = clicked; 
})