Здравствуйте.Есть ссылки по которым будет открывается iframe.При открытии страницы вывожу картинку, при клике по ссылке хочу картинку спрятать,а фрейм вывести. Написал это:
Ссылки:

<div id="my"><a target="player" href="{$video.video}" > {$video.title|truncate:30} </a> </div>

Фрейм и картинка:

<div id="invis" ><iframe name="player" src="" scrolling="no" ></iframe> </div>
<div id="vis"><img src="vidio/image/02.png" /> </div>

Скрипт:

$(document).ready(function(){
$('#vis img').addClass('test'); // показываю
$('#invis').addClass('invis'); // прячу

$('#my').click(function(){
$('#vis img').removeClass('test').addClass('invis'); // прячу
$('#invis').addClass('vis'); //показываю
});
});

Но работает только если сначало кликнуть по первой ссылке. Т.е. кликаю по первой, картинка ушла , фрейма пришла. И далее любая ссылка работает как надо,но если вначале кликаю по второй или т.д. то не работает. Подскажите как поправить.