Промяна на изображения с линк

djpatzo

Registered
Здравейте на тази страница цените са с изображения. Искам да сложа отдолу линк с който като го цъкна да променям в съответната кутийка цената. Примерно 1-вото е 27 лв. искам да има линк, който като се цъкне примерно да се променя на 22 лв. долу горе ми минава през главата, че това нещо ще стане със скрит div но проблема е, че ползвам jquery за страниците си и не знам дали ще се получи номера. Примерно скрит div а този се вижда и като цъкна на линка този div да се скрива и да се показва другия. Благодаря предварително
 
За <head> секцията
Код:
<script type="text/javascript">
function hide() {
document.getElementById('image').style.display='none';
document.getElementById('hidden_image').style.display='inline';
document.getElementById('link').style.display='none';
document.getElementById('hidden_link').style.display='inline';
}

function unhide() {
document.getElementById('image').style.display='inline';
document.getElementById('hidden_image').style.display='none';
document.getElementById('link').style.display='inline';
document.getElementById('hidden_link').style.display='none';
}
</script>
За <body> секцията
Код:
<div id="image"><img src="/kydeto/e/izobrajenieto"><img src="/drugo/izobrajenie"></div>
<div id="hidden_image" style="display:none"><img src="/kydeto/e/izobrajenieto2"><img src="/drugo/izobrajenie2"></div>

<a href="javascript: hide()" id="link">Цъкни</a>
<a href="javascript: unhide()" id="hidden_link" style="display:none">Цък за връщане в началното положение</a>

Това е надявам се да сте разбрали идеята на функциите и кода отдолу. Като цъкнеш линка за смяната ще се смени текста и ще стане на този който е на 2-рия ред... Т.е. ще се променят нещата на тези които са в hidden_ Id

Обаче сега идва въпроса как да го направя наведнъж всичките 12 кутийки да се променят... Само 1-вата се променя с линка.
 
Някой да има идея за промяната на всички едновременно. Да не би да не трябва да са с ID ами с друго
 

Back
Горе