Ønsker JS/HTML hjelp med show/hide DIV meny

Ønsker JS/HTML hjelp med show/hide DIV meny

Innleggav TigerOla » man 14.07.2008 12:30

Jeg driver med en nettside, hvor det er en meny for flere kjente merker som Boeing, Airbus, De Havilland osv.. Disse navnene er kategorier, og for hver av disse, har man en undermeny som vises som en ny DIV for f.eks. B737-100, B737-200, osv. og det er disse navnene/modellnumrene i undermenyen som er linken som fører til en ny side.

Slik det er nå, trykker man en gang for å åpne en undermeny. Når jeg vil browse videre i menyen, må jeg trykke to ganger for å åpne neste meny, mens forrige meny fortsatt er åpen. Går det an å gjøre at man åpner neste meny, og lukker den forrige, i ett enkelt klikk?

http://www.insidethebox.no/diverse/menu.php

Noen kloke hoder som kan svare på dette? :)

Brukerens avatar
medlem i 233 måneder
 

Re: Ønsker JS/HTML hjelp med show/hide DIV meny

Innleggav tjodolv » man 14.07.2008 12:49

Det går an ja. Jeg er ingen JS ekspert, så akkurat koden for å gjøre det om du skal skrive alt selv kan jeg ikke hjelpe til med. Det du kan gjøre er å bruke feks jQuery. Det ligger en del eksempler under Documentation der om hvordan det kan gjøres.

Brukerens avatar
medlem i 208 måneder
 

Re: Ønsker JS/HTML hjelp med show/hide DIV meny

Innleggav Widget » man 14.07.2008 21:31

Kode: Merk alt
var elm;
function showhide(element) {
   if (elm && elm != document.getElementById(element)) {
      elm.style.display = "none";   
   }
    elm = document.getElementById(element);
   elm.style.display = elm.style.display == "block" ? "none" : "block";
}

Brukerens avatar
medlem i 213 måneder
 


Returner til JavaScript



Hvem er i Forumene

Registrerte brukere: Ingen registrerte brukere