jquery - 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();
});