jQuery изменение фона одного элемента за раз

Question

Итак, я использую эту функцию ниже, чтобы изменить фон одного элемента за раз. У меня это работает отлично, учитывая, что я получил его отсюда в любом случае, но мне хотелось бы, чтобы при щелчке по второму или третьему ребенку после добавления класса он удалит класс и добавит активный класс обратно в Первый ребенок.

$(window).load(function(){ 
    $('.innernav li:first-child a').addClass('back'); 
}); 
$("a").click(function() { 
    $('a').removeClass('back'); 
    $(this).addClass('back'); 
}); 

Проще говоря, я хотел бы, чтобы вернуться к правилу первого ребенка, когда элемент был щелкнуло во второй раз. Причина в том, что это так, потому что на моем сайте, когда вы нажмете один, он отобразит содержимое под ним. Когда щелкнут другой элемент, он отобразит новый контент и скроет предыдущее, но при повторном нажатии он вернет содержимое обратно к исходному контенту, отображаемому при загрузке страницы. Я включу эту функцию в jsFiddle, чтобы вы, ребята, лучше понимали, что происходит на самом деле. Мне не удалось заставить toggleDisplay работать в jsFiddle, но он нормально работает нормально.

Answer 1

Попробуйте проверить, присутствует ли класс 'back' (иначе ссылка была нажата раньше). Если да, то вернуться к правилу первого ребенка:

$(window).load(function(){ 
    $('.innernav li:first-child a').addClass('back'); 
}); 
$("a#bg").click(function(){ 
    var isSecondClick = $(this).hasClass('back'); 
    $('a').removeClass('back'); 
    if (isSecondClick) { 
     $('.innernav li:first-child a').addClass('back'); 
    } else { 
     $(this).addClass('back'); 
    } 
}); 

Your fiddle, updated.