сэмулировать #hover или как-то добиться нужного
 

Всем привет. Есть одна страничка...

У неё есть следующие стили:

<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" из функции. Как?