Skrytí a zviditelnění textu při kliknutí na text v HTML
Zdravím,
snažím se vytvořit menu, ve kterém při kliknutí na nějaký text se objeví podtext k tomu danému textu (tématu apod.)
V příkladě, který sem zde nakopíroval níž, při najetí v tabulce na "KLIKNĚTE ZDE" se zobrazí podtext, já tam mám napsáno "TŘEBA DOLADIT.".
Mám jednak problém, že musím na to "KLIKNĚTE ZDE" myší najet a ještě z dosahu textu popojet, aby se mi text zneviditelnil, a potom hlavně ten, aby to fungovalo ne pouze při najetí na "KLIKNĚTE ZDE", ale při kliknutí. A při opětovném kliknutí se text opět zneviditelnil...
Je velmi pravděpodobné, že jsem někde napsal něco určitě špatně, nebo nějak špatně nakonfiguroval, nejsem v tom profík...
Nějaké tipy? Díky moc za rady :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<html>
<style>
.visi1 { visibility:"visible" }
.visi2 { visibility:"hidden" }
.disp1 { display:"block" }
.disp2 { display:"none" }
</style>
</head>
<body>
<h3 align="center">MENU</h3>
<p align="center">Při kliknutí na "KLIKNĚTE ZDE" se objeví text k tomu.</p>
<div align="center"><center>
<table border="1">
<tr>
<th>Zobrazení textu</th>
</tr>
<tr>
<td valign="top">
<p onMouseOut="HideMe1.className='visi2'"
onMouseOver="HideMe1.className='visi1'">
KLIKNĚTE ZDE
</p>
<div id="HideMe1"> <p>Třeba doladit.</p> </div>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>