---
title: "Menyn beter sig lustigt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/99301-menyn-beter-sig-lustigt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2004-03-12T11:21:46.000Z"
updated: "2004-03-12T13:41:27.000Z"
replies: 1
views: 123
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/99301-menyn-beter-sig-lustigt"
---

# Menyn beter sig lustigt

## #1 — Jesper T, 2004-03-12T11:21Z

Plopputmenyn beter sig konstigt. Man måste klicka om på vissa länkar för att de skall synas. osv. Varför?

```
<script type="text/javascript">
<!--// 
var currentMenu=false;

function sw(mnu,mode){
	if(mode){
		if(currentMenu){
 			if(currentMenu==mnu){
			     changeStyle(mnu,'display','none');
			     currentMenu=false;
			
			}else{
			changeStyle(currentMenu,'display','none');
			changeStyle(mnu,'display','block');
			currentMenu=mnu;  }
		    } else {
		    changeStyle(mnu,'display','block');currentMenu=mnu;}
	      
                 } else if (document.getElementById) {

		document.getElementById(mnu).style.display=(document.getElementById(mnu).style.display=='block')?'none':'block';
	}
}
function changeStyle(Id,Property,Value){
	if (document.all){
		eval('document.all[Id].style.'+Property+'="'+Value+'"');
	} else if (document.layers){
		eval('document.layers[Id].'+Property+'="'+Value+'"');
	} else if (document.getElementById){
		eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
	}
}

function initmenu(){
	var els = (document.all) ? document.all : document.getElementsByTagName("*");
	for(i in els){
		if (els[i].id && els[i].id.indexOf("bar_")==0)
			changeStyle(els[i].id,'display','none');
	}
}

window.onload = initmenu;
//-->
</script>
<style type="text/css">
<!--
.toggle{cursor:pointer; cursor:hand}
-->
</style>
</head>
<body>
<div>
  <div onclick="sw('bar_1',false)" class="toggle"><span>Games</span>
    <div id="bar_1">
      <div onclick="sw('bar_2',false)" class="toggle"><span>Commadore 64</span>
        <div id="bar_2">
          <div onclick="sw('bar_4',false)" class="toggle"><span>Äventyr</span>
            <div id="bar_4">
              <span><a href="#">Go Kart</a></span><br>
              <span><a href="#">Defender of the Crown</a></span><br>
              <span><a href="#">Curse of Sherwood</a></span><br>
              <span><a href="#">Last Ninja</a></span><br>
            </div>
          </div>
          <span><a href="#">Racing</a></span><br>
          <span><a href="#">Platform</a></span><br>
        </div>
      </div>
      <div onclick="sw('bar_3',false)" class="toggle"><span>Nintendo 8-bit</span>
        <div id="bar_3">
          <span><a href="#">Adventure</a></span><br>
          <span><a href="#">Sports</a></span><br>
          <span><a href="#">Platforms</a></span><br>
        </div>
      </div>
    </div>
  </div>
  <div onclick="sw('bar_85',false)" class="toggle"><span>Testlänk</span>
    <div id="bar_85">
      <div onclick="sw('bar_86',false)" class="toggle"><span>Testlänk 1:2</span>
        <div id="bar_86">
          <div onclick="sw('bar_87',false)" class="toggle"><span>Testlänk 2:2</span>
            <div id="bar_87">
              <div onclick="sw('bar_88',false)" class="toggle"><span>Testlänk 3:1</span>
                <div id="bar_88">
                  <span><a href="#">Testlänk 4:1</a></span><br>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span><a href="#">Spektrum</a></span><br>
</div>

</body>
```

Permalänk: https://www.webforum.nu/p/99301

## #2 — Jesper T, 2004-03-12T13:41Z

Lite pinsamt. Jag kom på att det inte var så konstigt när hela lagret blir klickbart.
Flyttade in "onclick" till spantaggarna istället. :)

Permalänk: https://www.webforum.nu/p/1296422

---

Tråden på webben: https://www.webforum.nu/amne/javascript/99301-menyn-beter-sig-lustigt
