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