---
title: "Färgad länk så länge undermeny visas?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/119442-färgad-länk-så-länge-undermeny-visas"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Obbelix"
published: "2005-01-05T21:38:56.000Z"
updated: "2005-01-06T17:43:20.000Z"
replies: 1
views: 222
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/119442-färgad-länk-så-länge-undermeny-visas"
---

# Färgad länk så länge undermeny visas?

## #1 — Obbelix, 2005-01-05T21:38Z

Konstig rubrik men hade inget bättre på lager.

Jag har en horisontell meny med vanliga textlänkar och på en av dom har jag en undermeny som visas och göms med onClick. 
Har så att på "hover" så ändras färgen på länken.
Det jag vill göra är att om jag går över länken så färgas ju länken, klick visar undermenyn (div) men jag vill alltså att länken i huvudmenyn fortfarande är färgad och så förblir så länge div:en visas. Går det?

Bifogar lite kod:

```

<script language="javascript">
function SubMenu(Menuid) {
 if (document.getElementById(Menuid).style.visibility == "hidden") {
  document.getElementById(Menuid).style.visibility = "visible";
 }
 else {
   document.getElementById(Menuid).style.visibility = "hidden";
 }
}
</script>

<div class="menu">
 <a href="index.asp" class="menulink">&#9642; Start</a>
 <a href="#" class="menulink" onClick="SubMenu('submenu1')">&#9642; Undermeny</a>
</div>

<div id="submenu1" style="position:absolute; left:88px; top:272px; width:100px; height:46px; z-index:1; visibility: hidden;" class="submenu">
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br /> 
</div>
```

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

## #2 — Obbelix, 2005-01-06T17:43Z

Re: Färgad länk så länge undermeny visas?

Löste det så här:

```

<script language="javascript">
function SubMenu(Menuid,Subid) {
 if (document.getElementById(Subid).style.visibility == "hidden") {
  document.getElementById(Subid).style.visibility = "visible";
  document.getElementById(Menuid).style.color = '#FFCC2A';
 }
 else {
   document.getElementById(Subid).style.visibility = "hidden";
   document.getElementById(Menuid).style.color = '#F1F1F1;
 }
}
</script>

<div class="menu">
 <a href="index.asp" class="menulink">&#9642; Start</a>
 <a href="#" class="menulink" onClick="SubMenu('menu1','submenu1')"><span id="menu1">&#9642; Undermeny</span></a>
</div>

<div id="submenu1" style="position:absolute; left:88px; top:272px; width:100px; height:46px; z-index:1; visibility: hidden;" class="submenu">
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br /> 
</div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/119442-färgad-länk-så-länge-undermeny-visas