Как запретить CSS сворачивать меню

[McLotos]

Добрый день, господа!

В css среди прочего имеется вот такой код

#nav ul li {    margin-top:-23px;    -moz-transition:  0.4s linear 0.4s;     -ms-transition: 0.4s linear 0.4s;    -o-transition: 0.4s linear 0.4s    -webkit-transition: 0.4s linear 0.4s;    transition: 0.4s linear 0.4s;}#nav a:focus ~ ul li {    margin-top:0;    -moz-transition:  0.4s linear;    -ms-transition: 0.4s linear;    -o-transition: 0.4s linears;    -webkit-transition: 0.4s linears;    transition: 0.4s linear;}

Меню в результате выглядит вот так

Т.е. когда пользователь кликает по пункту меню, меню полностью закрывается

Подскажите как избавиться от этого эффекта? Мне нужно чтобы пользователь видел на какой он сейчас странице находится

[npofopr]

Средствами php добавлять для ссылки, например, класс .active, по которому оно будет открыто всегда.

[McLotos]

не совсем понял. php работает на сервере, его миссия закончилась после генерации страницы. а дальше при переходе по ссылкам работает ajax который просто обновляет содержимое основного блока.

псевдокласс active срабатывает когда ссылка нажата, т.е. нужно на js писать функцию которая бы держала текущую ссылку нажатой?

[Q4Dizzy]

margin-top:0;

 

Поэксперементируйте с этим значением. Ведь этио значение устанавливается при псевдоклассе Focus.

[npofopr]

не совсем понял. php работает на сервере, его миссия закончилась после генерации страницы. а дальше при переходе по ссылкам работает ajax который просто обновляет содержимое основного блока.

псевдокласс active срабатывает когда ссылка нажата, т.е. нужно на js писать функцию которая бы держала текущую ссылку нажатой?

ну если у вас аякс, то да. примерно так видимо.