Всем привет. Есть одна страничка...
У неё есть следующие стили:
<div class="bn" id="bn1">
<p id="txt">123</p>
<div class="bn" id="bn2">
<p id="txt">456</p>
<div class="bn" id="bn3">
<p id="txt">789</p>
...
и вот такие стили:
.bn:hover #txt { display: block; }
#bn1:hover { background: url(1.jpg); }
#bn2:hover { background: url(2.jpg); }
#bn3:hover { background: url(3.jpg); }
p { display: none; }
....
то есть, при наведении на div меняется его фон и делается видимым вложенный p с id=txt
Что хочу. Хочу, чтобы при нажатии на ссылку делалось то же самое, чтобы не реализовывать то же по 2 раза, чтобы выполнилось событие "hover" из функции. Как?