JS-Menue

Home
+ Link 1
- Link 2
+ Link 3
JS-Content

#jsmenue
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	height: 450px;
	border: 1px solid #C8C8C8;
	background-color: #EEEEEE;
	padding: 5px;
	font-family:  Lucida, Lucida Console, Courier New, Courier;
	font-size: 12px;
}

#par1, #par12 {visibility: hidden}

#title
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	color: #666666
}

a.tree {text-decoration: none; cursor: pointer}

a.node:hover {text-decoration: underline; cursor: pointer}

#jscontent
{
	position: absolute;
	left: 230;
	top: 10px;
	width: 500px;
	height: 450px;
	border: 1px solid #C8C8C8;
	background-color: #EEEEEE;
	padding: 5px;
	font-family: Verdana;
	font-size: 12px;
}

// Menue
var c1AreVisible = false;
var c1n2AreVisible = false;

var c3AreVisible = false;
var c3n1AreVisible = false;

var children1 = '
  |- Link 1.1
  +- Link 1.2
  |- Link 1.3'; var children1n2 = '
  |  |- Link 1.2.1'; var children2 = '
     |- Link 2.1'; var children3 = '
  +- Link 3.1
  |- Link 3.2'; var children3n1 = '
  |  |- Link 3.1.1
  |  |- Link 3.1.2'; function openTree(node, children, visibility) { n = document.getElementById(node); if (visibility == false) { n.innerHTML = children; visibility = true; } else { n.innerHTML = ''; visibility = false; } return visibility; } // Content var content0 = 'JS-Content

'; var content1 = content0 + 'Content 1'; var content1n1 = content0 + 'Content 1.1'; var content1n2 = content0 + 'Content 1.2'; var content1n2n1 = content0 + 'Content 1.2.1'; var content1n3 = content0 + 'Content 1.3'; var content2 = content0 + 'Content 2'; var content3 = content0 + 'Content 3'; var content3n1 = content0 + 'Content 3.1'; var content3n1n1 = content0 + 'Content 3.1.1'; var content3n1n2 = content0 + 'Content 3.1.2'; var content3n2 = content0 + 'Content 3.2'; function fillContent(content) { document.getElementById('jscontent').innerHTML = content; }