javascript - 放置在底部的 jQuery 选项卡控件不起作用

Question

我正在使用此解决方案在一页中有多个选项卡。

$(".tab_content").not(':first-child').hide();
var tabs = $('.tabs li');

tabs.filter(':first-child').addClass('active');

tabs.click(function() {
    var current = $(this);

    if(!current.hasClass('active')){
        current.addClass('active').siblings().removeClass('active');
        var activeTab = current.find("a").attr("href");
        current.parent().next().children().hide().filter(activeTab).fadeIn();
    }

    return false;
});

我需要将选项卡控件放在选项卡内容之后。但它不会起作用。如果选项卡控件放置在选项卡内容之前，则可以正常工作。你能帮助我吗？

这是我的jsfiddle：

Answer 1

只需将 next() 更改为 prev() - 因为现在兄弟姐妹在选项卡之前

current.parent().prev().children().hide().filter(activeTab).fadeIn();

http://jsfiddle.net/Kf2f4/