淡入淡出内容和淡出当前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; 
})