✔ Menü

[CZCC]

Hallo

ich wollte mit folgenden Code nen kleines Menü machen.

<script type="text/javascript">
<!--

function show(divid) {
document.getElementById("cat2").style.display="none";

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

}
//-->
</script>

<a href="#" onClick="show('cat2')">Menü</a><br>
<div id="cat2" style="display:none">
<a href="#" class="sub">Sub 1</a><br>
<a href="#" class="sub">Sub 2</a><br>
<a href="#" class="sub">Sub 3</a><br>
</div>

Mein Problem ist jetzt das ich gerne unter "Sub 1" noch nen untermenü machen möchte weis einer wie das geht?

Gruß
CZCC

 

[fanste]

Mach das gleiche doch einfach nochmal. Also

<script type="text/javascript">
<!--

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

}
//-->
</script>

<a href="#" onClick="show('cat2')">Menü</a><br>
<div id="cat2" style="display:none">
	<a href="#" class="sub">
		<a href="#" onClick="show('cat2.1')">Menü von Sub 1</a><br>
		<div id="cat2.1" style="display:none">
			<a href="#" class="sub">Sub 1.1</a><br>
			<a href="#" class="sub">Sub 1.2</a><br>
			<a href="#" class="sub">Sub 1.3</a><br>
		</div>
	</a>
	<a href="#" class="sub">Sub 2</a><br>
	<a href="#" class="sub">Sub 3</a><br>
</div>

 

[CZCC]

Hallo

die idee hatte ich auch aber wen man dan 2.1 anklickt schließt sich 2 und 2.1 dadurch auch

 

[fanste]

ich tüftel grad n bissele

 

[fanste]

Hier bitte. Das geht so.

<script type="text/javascript">
<!--
var maincat = new Array();
maincat[0] = 'cat1';

var subcat = new Array();
subcat[0] = 'cat1.1';
subcat[1] = 'cat2.1';

function showmain(divid) 
{
	if(document.getElementById(divid).style.display=="none")
	{	
		for(i=0;i<maincat.length;i++)
		{
			document.getElementById(maincat[i]).style.display="none";	
		}
		for(i=0;i<subcat.length;i++)
		{
			document.getElementById(subcat[i]).style.display="none";	
		}
	
		document.getElementById(divid).style.display="inline";
	}
	else
	{
		document.getElementById(divid).style.display="none";
	}
}
function showsub(divid) 
{	
	if(document.getElementById(divid).style.display=="none")
	{	
		for(i=0;i<subcat.length;i++)
		{
			document.getElementById(subcat[i]).style.display="none";	
		}
	
		document.getElementById(divid).style.display="inline";
	}
	else
	{
		document.getElementById(divid).style.display="none";
	}

}
//-->
</script>

<a href="#" onClick="showmain('cat1')">Menü</a><br>
<div id="cat1" style="display:none">
	<a href="#" class="sub">
		<a href="#" onClick="showsub('cat1.1')">Menü von Sub 1</a><br>
		<div id="cat1.1" style="display:none">
			<a href="#" class="sub">Sub 1.1</a><br>
			<a href="#" class="sub">Sub 1.2</a><br>
			<a href="#" class="sub">Sub 1.3</a><br>
		</div>
	</a>
	<a href="#" class="sub">
	    <a href="#" onClick="showsub('cat2.1')">Menü von Sub 2</a><br>
		<div id="cat2.1" style="display:none">
			<a href="#" class="sub">Sub 2.1</a><br>
			<a href="#" class="sub">Sub 2.2</a><br>
			<a href="#" class="sub">Sub 2.3</a><br>
		</div>
	</a>
	<a href="#" class="sub">Sub 3</a><br>
</div>

 

[CZCC]

danke geht einwandfrei

 

[fanste]

Bitte, bitte. Nix zu Danken