Question

处理一些jquery导航标签，

问题

1）单击选项卡时主导航消失！任何人都可以看到为什么???

/*  TABS
===================================================================*/

$(".profile-tabs a").click(function (e) {
    e.preventDefault();
    idTab = $(this).attr("href");
    $(".profile-tabs .active").removeClass('active');
    $(this).addClass('active');
    $(idTab).siblings().stop().fadeOut(300, function () {
        setTimeout(function () {
            $(idTab).fadeIn(300);
        }, 300)
    })
    // $(idTab).show().siblings().hide();
})

Answer 1

是。你隐藏了所有兄弟姐妹，包括uls。而是使用attribute endswith选择器或对内容div使用通用classname，将其更改为：

   $(idTab).siblings('div[id$=-tab]').stop().fadeOut(300, function () {
        setTimeout(function () {
            $(idTab).fadeIn(300);
        }, 300)
    });

来自

$(idTab).siblings().stop().fadeOut(300, function () {
        setTimeout(function () {
            $(idTab).fadeIn(300);
        }, 300)
    })

<强> Demo

单击时，Jquery Nav消失

1 个答案: