Ændring af billed og tekst ned onlick
Jeg er igang med at lave en menu med en foldOut konstruktion. Præcis magen til den eksperten har ved deres frisøgningstekst (http://www.eksperten.dk/list.phtml?method=and&excerpt_on=1&find=javascript). Først en lille pil og så noget tekst. Når man clicker på teksten eller pilen foldes menuen ud og pilen ændres til at pege nedad. Så hvordan ændre man to ting ved kun at clicke et sted? Illustreret på følgende måde:>niveau1
>niveau1
Ved click på niveau1:
\/niveau1
>niveau2
>niveau1
Jeg har følgende kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/portal.css" />
</head>
<body>
<table class="treeMenu" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<a href="#" onclick="document.getElementById('menu1').style.display = (document.getElementById('menu1').style.display == 'block') ? 'none' : 'block'; return false;"><img id="mark" src="images/mark_off.gif" border="0" width="10" height="10" alt="" /> Åbn/luk menu1</a>
<br />
<div id="menu1" style="DISPLAY: none">
Denne menu er lukket fra start
</div>
<br />
<a href="#" class="treeMenu" onclick="document.getElementById('menu2').style.display = (document.getElementById('menu2').style.display == 'block') ? 'none' : 'block'; return false;"><img id="mark" src="images/mark_off.gif" border="0" width="10" height="10" alt="" /> Åbn/luk menu2</a>
<br />
<div id="menu2" style="DISPLAY: none">
Denne menu er lukket fra start
</div>
</table>
</body>
</html>
Stig
