זה הקוד JS:
function showhide(id) {
if (document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = "inline"
}
else {
document.getElementById(id).style.display = "none";
}
}
וזה חלק מה-HTML:
<td><a href="#" onclick="javascript
:showhide('picture1');">תמונה 1</a></td>
<td><a href="#" onclick="javascript
:showhide('picture2');">תמונה 2</a></td>
<td><a href="#" onclick="javascript
:showhide('picture3');">תמונה 3</a></td>
<td><a href="#" onclick="javascript
:showhide('picture4');">תמונה 4</a></td>
<td><a href="#" onclick="javascript
:showhide('picture5');">תמונה 5</a></td>
מה שהקוד הזה עושה בתכלס שאם לוחצים על הקישור תמונה 1: זה מציג תמונה, אם קישור תמונה 2 זה מציג אותה מתחתיה, אם אני לוחץ עוד פעם על 1 זה מוחק את התמונה 1.
אני רוצה שנגיד אני ילחץ 1 זה יציג לי את התמונה הראשונה, ונגיד אני ילחץ 2 זה יוריד תראשונה ויציג תתמונה השנייה, ז"א כל פעם תמונה אחרת שאני בוחר