Активная ссылка

[Imperil]

День добрый. Как сделать следующую штуку - есть табы на css, и нужно чтобы при активной ссылке, он отображалась другими ссылками:

Тут пример - чтобы было понятнее : http://jsfiddle.net/HhXXd/

[wwt]

a.active

заменить на

a:active

мобыть

ЗЫ вообще не очень понятно чего вы хотите.

Edited October 11, 2012 by wwt

[Imperil]

a.active

заменить на

a:active

мобыть

ЗЫ вообще не очень понятно чего вы хотите.

Я хочу чтобы при нажатии на какой либо из пунктов (там информация меняется), этот самый пункт становился с классом .active и менял свои стили (в данном случае был с background).

Вы же просто написали псевдокласс.

Это как у меню - подсвечивается тот пункт меню, на которым ты находишься сейчас. Перейдешь на другой пункт меню - будет подсвечиваться уже этот пункт меню. Я не знаю как еще объяснить.

Edited October 11, 2012 by Imperil

[wwt]

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

Edited October 11, 2012 by wwt

[Rozhki_]

извините, если не поняла вопрос, может быть глупость сморожу - но чем не подходит

$(document).ready(function() {
    $('li a').click(function(){
      $('li a').removeClass('active');
      $(this).addClass('active');
    })
  });

?

[wwt]

извините, если не поняла вопрос, может быть глупость сморожу - но чем не подходит

$(document).ready(function() {
    $('li a').click(function(){
      $('li a').removeClass('active');
      $(this).addClass('active');
    })
  });

?

Это не совсем то что нужно, такой код будет работоспособен только если страница с меню не перезагружается.

Можно добавить на каждую страницу где есть меню, скрипт, который проверяет значения href ссылок в меню с текущим window.location.href и если они совпадают добавлять элементу класс active:

http://jsfiddle.net/wwt999/SunKN/ чистый js как-то так

http://jsfiddle.net/wwt999/FgqW8/ jquery как-то так

Edited October 12, 2012 by wwt