Как добавить ссылку на состояние в JQuery при показе div. В основном сопряжение ссылки и div для отображения и скрытия

Question

JS Fiddle Link http://jsfiddle.net/jshotz/seBeW/4/

Код должен сделать ссылку красной, когда она выбрана.Но только для выбранного.Другие ссылки не должны становиться красными.У меня проблема с подключением ссылки на выбранный div.Мой поток некорректен, и, скорее всего, есть лучший способ сделать это.

Спасибо

Answer 1

CSS:

.active { color: red; }

JS:

$('#logarea a').click(function() {
 // Reset all links to normal color.
 $('#logarea a').removeClass('active');
 // Make this link red. 
 $(this).addClass('active');
});

Answer 2

Могу ли я предложить альтернативу управлению Div ID?Используйте индекс, чтобы вы могли добавить что-нибудь в текст ссылки.Смотрите здесь для примера: http://jsfiddle.net/seBeW/5/

Если вы все еще хотите индекс, я включил эту часть закомментированную (однако не работает с моей расширенной ссылкой);Примечание: мне пришлось «развернуть» ваш jQuery так, как он был у вас, и вместо загрузки я вставил domready wrap, но это действительно семантика.ходить массив каждый раз также.Не совсем «красивый» код, но он должен помочь вам начать.

var divs = $('#logarea> div');
var alinks = $('#logarea> a');
$(document).on('click', '#logarea> a', function() {
    alinks.removeClass('activeLogAreaLink');
    var this1 = $(this);
    var myindex = alinks.index(this);
    this1.addClass('activeLogAreaLink');
    // convert to lower case
    var thediv = this1.text().toLowerCase();
    $('#debug').text(thediv + myindex);
    divs.hide();
    divs.eq(myindex).show();
    // $('#' + thediv).show();
});