Jquery子菜单应该在点击时有一个选定的类

Question

点击子菜单转到第一张幻灯片 - 转到第二张幻灯片 - 转到第三张幻灯片 它应该与选定的类一起转到tab3。 不知道我错过了什么。

http://jsfiddle.net/L7R9D/9/

$('a.see-all').on('click', function (e){
    $('a.see-all').removeClass('selected');
    $(this).addClass('selected');
    e.preventDefault();

    $('.select-options a').removeClass("selected");
    $('.submenu').addClass("selected");
    $('.tab-content').hide();
    $('#third').show();
});

Answer 1

您将所选内容添加到所点击的链接中，但在其下方的一行代码中，您再次删除了所选内容。 $('.select-options a').removeClass("selected");您需要将其移至顶部它将从所有链接中删除所有选定的类。然后您可以继续从那里添加新选择的链接。

$('a.see-all').on('click', function (e){
        e.preventDefault();
        $('.select-options a').removeClass("selected"); 
        $(this).addClass('selected');
        $('.submenu').addClass("selected");
        $('.tab-content').hide();
        $('#third').show();
});