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