淡入内容并淡出当前Div？

Question

所以我试图淡化div而淡出当前的div我在这里有一些代码可能会显示我想要的东西！

代码：

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

Answer 1

不要为每个菜单创建事件处理程序，您可以概括功能。跟踪默认页面和当前页面。

在我的jsFiddle中，我遵循您的约定，其中菜单项id等于项目内容类。

e.g。 #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;
})