nicht angemeldet
Hallo Forum,
ich versuche im Moment eine Seite mit mehreren "Anreisser-Texten"
zu erstellen. Unter jedem Text soll ein Pfeil nach unten
als Image erschein. Auf diesen kann man klicken und der umfangreichere Text öffnet sich.
Habe das bisher so gelöst
Javascript
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "inline";
} else {
obj.style.display = "none";
}
}
}
HTML
<p>Anreisser Text <span style="display: none;" id="div01">
weiterer Text .... blablabla </span>
<a href="#" onclick="showhide('div01'); return(false))">
<img src="images/icons/arrow_down.png" name="downImage"></a>
</p>
Dieser Pfeil soll sich bei geöffnetem Text als up Pfeil erscheinen (image in arrow_up.png austauschen).
Wie kann ich das realisieren? Ein mögliches Problem könnte auch werden,
dass ich mehrere Text mit o.g. Pfeilen habe und diese unabhängig voneinander
funktionieren müssen. Per Google habe ich leider nichts passendes gefunden.
Vielen Dank und schönen Abend
Tolwin