Går detta göra effektivare? show/hide div menu.

ta en titt på denna fiddle.

Jag vill alltså ha samma resultat som nu, fast undrar om det går att göra på ett bättre sätt?
Som jag har det nu blir det väldigt mkt jquery och toggle/hide om jag skulle lägga till ett par knappar, vilket jag vill.

Finns det någon lättare sätt att dölja sub-menu när en annan knapp clickas?

tack på förhand.

$X = Ett jquery selector som perkar på den tab som skall synas.

Då kan du antagligen köra något i stil med:

$X.siblings(".sub_menu").hide();
$X.show();
Eller kan skriva samma sak som: $X.siblings(".sub_menu").hide().end().show();

Men du bör kanske titta på någon färdig jQuery pluggin som löser detta istället ?
tex: https://api.jqueryui.com/tabs/

PS du får gärna posta exempel kod här (även om du också lägger upp en jsfiddle..)
Det blir nog fler personer som är villiga att svara då.

Du kan t.ex. lyssna på klick på en behållare istället för på varje enskild knapp.

Från event-objektet i din handler kan du få reda på vilket element som faktiskt klickades, och så letar du upp vad som skall döljas och visas efter det (event delegation).
Då behöver du inte göra något mer än att lägga till nya element som representerar "knapp" och "ny skylt" när du vill ha mer.

Fiddle: http://jsfiddle.net/R6CSb/

/p

Tack, det jag vill åstadkomma (exakt) är samma sak som på den här sidan.

Och eftersom du sätter absolute positionering på DD så vet jag inte hur det ska lösas?

Dock så är din fiddle perfekt för mobil-menyn jag ska göra.