Народ поскажите плиз как при помощи сss cкрыть какой нибудь элемент страницы, скажим <p></p> а при нажатии на другой скажим <a> cделать видемой!?

в CSS нет псевдокласса click, максимум hover и то реализуем только если элемент <p></p> является ребенком элемента <a></a>, что кстати нарушает валидность.

Так было только в IE6-. В новых (и даже не очень) браузерах :hover работает для любого элемента.

Еще есть :active/:focus и :target, но с их поддержкой (особенно последнего) в старых браузерах дела похуже. Поэтому чисто CSS-ные скрывалки-показывалки пока, действительно, остаются демками принципиальных возможностей для новых браузеров (хотя существуют, напр, на cssplay.co.uk немало примеров). Для кроссбраузерного рабочего решения пока скрипты надежнее.


В HTML5 — не нарушает.

SelenIT Доброго дня.



подразумевалось не применение т.е. element:hover {...}, а невозможности скрыть или показать элемент не являющийся ребенком т.е.


не прокатит.

focus применим только к элементам имеющее поля, target - css3(минус все IE кроме 9), а вот active согласен вполне сойдет за клик но увы будет действовать до тех пор пока зажата кнопка.

Или я в чем то неправ ?



Это печально в некотором роде, получиться нарушение семантики\логики расположения элементов.

А, понял, сорри. Здесь да, не поспоришь. До некоторой степени можно выкрутиться через абс. позиционирования и подобные финты, но жутко неудобно.


Это да, но по результату, имхо, больше всего похож на требуемое. Вот на днях даже статейка с эффектным примером появилась 

А старых "ослов", да, придется до поры до времени подпирать костылями...


Почему? По-моему, куда больше нарушения семантики/логики в том, когда блок "заголовок + краткая аннотация", по смыслу являющийся одной ссылкой (типа текстового баннера), в угоду формальной валидности по старым схемам размечают спанами с display:block...

Зачётно, мерси.



Такие моменты очень редкие или я просто еще не созрел для адаптации.