EINFACH: Menü wieder einklappen? Wie geht´s?

LoiK · 28.01.2006, 14:00

Hallo TP-Forum,

kann jemand das kleine Script hier so ergänzen, daß sich das Menü ohne Probleme auch bei einem erneuten "Click" auch wieder einklappt?

PHP-Code:


			
<html>

<head>

<title>Basic DHTML Menu</title>

<script type="text/javascript">

<!--

function show(divid) {

document.getElementById("cat1").style.display="none";

document.getElementById("cat2").style.display="none";

document.getElementById(divid).style.display="inline";

}

//-->

</script>



</head>

<body bgcolor="#FFFFFF">

<a href="#" onclick="show('cat1')">Category 1</a><br>

<div id="cat1" style="display:visible">

<a href="#" class="sub">Sub 1</a><br>

<a href="#" class="sub">Sub 2</a><br>

<a href="#" class="sub">Sub 3</a></div>

</body>

</head>

</html>

Danke + Grüße
LoiK

L e x y l artis · 08.02.2006, 10:59

Da geht er...

PHP-Code:


			
<html> 

<head> 

<title>Basic DHTML Menu</title> 

<script type="text/javascript"> 

<!-- 

function show(d) { 

        if(document.getElementById(d).style.visibility=='visible') 

                document.getElementById(d).style.visibility='hidden'

        else

                document.getElementById(d).style.visibility='visible';

} 

//--> 

</script> 



</head> 

<body bgcolor="#FFFFFF"> 

<a href="#" onclick="show('cat1')">Category 1</a><br> 

<div id="cat1" style="visibility:visible"> 

<a href="#" class="sub">Sub 1</a><br> 

<a href="#" class="sub">Sub 2</a><br> 

<a href="#" class="sub">Sub 3</a></div> 

</body> 

</head> 

</html>

und sogar dynmisch... für die Zukunft... einfach die id des betreffenden Objektes an show(ID) übergeben...

LoiK · 08.02.2006, 11:50

Wunderbar, vielen Dank! ;-)

Beste Grüße
vom LoiK