Změna textu po kliknutí na obrázek (div, nebo odkaz)

Stačí zaměnit jen to, co je červeně vyznačené. Tedy cesty k obrázkům a „střídavé“ texty.

HTML (celý zdrojový kód):

<a href="javascript:;" onclick="this.style.display = 'none'; 
document.getElementById('t1').style.display = 'none';
document.getElementById('2').style.display = 'block';
document.getElementById('t2').style.display = 'block';"
id="1">
<img src="http://diskuse.jakpsatweb.cz/img/logo.png"></a>
<a href="javascript:;" onclick="this.style.display = 'none'; 
document.getElementById('t2').style.display = 'none';
document.getElementById('1').style.display = 'block';
document.getElementById('t1').style.display = 'block';"
style="display: none;" id="2">
<img src="http://diskuse.jakpsatweb.cz/img/logo.png "></a>
<div id="t1">Nějaký <strong>první</strong> hrooozně dlouhý text.<br></div>
<div id="t2" style="display: none;">Nějaký <strong>druhý</strong> hrooozně dlouhý text.</div>
 

Živá ukázka

Zdrojový kód

Napište komentář!