Meny som sprider sig under som på DN.se?

Nej, jag ser det och det förbryllar mig en smula. När jag testade på min lilla lokala upplaga av "horizontal-menu", så betedde den sig som jag hade hoppats. Om allt annat som är konstant på sidan inte blinkar, borde även den aktiva undermenyn, som inte rörs av js-skriptet, inte blinka...

lägger du till

if(window.location.toString() == 'http://www.kristoffernilsson.se/'){$('#menu ul li ul').hide();}

efter rad 3 i js-skriptet, så slipper du att info-undermenyn visas på startsidan.

Om menyblinket:

Om man vänder på steken och döljer ickeaktiva undermenyn med css:

#menu ul li ul {
	display: none;
	position: absolute;	
	margin: 0;
	left: 0;
}
#menu ul li ul.active {
	display: block;
}

och sedan struntar i att dölja det med js:

$(document).ready(function(){
	//göm undermenyn om startsida
	if(window.location.toString() == 'http://www.kristoffernilsson.se/'){$('#menu ul li ul').hide();}
		
	//visa aktuell undermeny när man klickar på menyn.
	$('#menu ul li').click(function(){
		$('#menu ul li ul').slideUp(300);
		$(this).children('ul').slideDown(500);
	});
});

Funkar det bättre?

Jag går bet på det just nu...

Det finns ett annat problem på alla sidor: det saknas en "</div>" sist på sidan innan "</body>". Det kan du lägga till i ndxz-studio/site/the_centered_theme/index.php.

När man ändå spanar efter fel som bör/kan rättas (det finns fler som kanske är besvärligare att komma åt utan att pula mer runt i php-filerna):

på sidan Bataxer & Atabolter : Kristoffer Nilsson

<h10>Klicka på bilderna för att se dem i stort format!</h10>

det finns ingen html tag h10. Det högsta är h6.

förvisso blev det bättre på första sidan, men alla gallerisidor fick en div för mycket... Det verkar var olika mallar som styr. så det kanske inte var rätt fil jag pekade på.

På vadå? I vilket syfte? (id-et, alltså)

Faktum är att du har (nästan) allt du behöver i koden nu: class="active" på undermenyns li-tag och dess övergripande ul. Man kan propagera det på huvudmenyns li med en rad javascript:
$('ul.active').parent().addClass('active');
(lägg till det som en egen rad länst ner i js-filen innan det avslutande }); )

Vipps can du css-styla li.active på lämpligt sätt och få den nuvarande sidan synligare i menyn.

Om man håller det enkelt och färgar enbart texten:
huvudmenyn är enkel. Undermenyn måste man dra ner ända till a-taggen för att bypassa den allmänna a-stylingen:
#menu li.active, #menu li ul li.active a {
color: #4d8d20;
}
(grönt var det )

"Outgrundliga äro css-ens vägar"
Det finns en förklaring till beteendet: ul ärver från överliggande li. Jag körde på color. Egentligen var alla texter i undermenyn färgade, men iom att de även var länkar (a-taggar) och att a hade stylats med en färg, så var det det som visades för de som inte var classade "active". I ditt fall med font-weight, finns det inget motsvarande redan definierat i css för a, därför visas de feta. Parera med följande css:

#menu li ul.active {font-weight: normal;}

att undermenyn har försvunnit beror på att:

#menu ul li ul.active {
display: block;
}

har ramlat ur din css.

summerat:

#menu ul li ul.active {
display: block;
font-weight: normal;
}

Obs att class="active" finns på tre olika nivåer: #menu ul li.active, #menu ul li ul.active och #menu ul li ul li.active
Det gäller att hålla tungan rätt i mun:

#menu ul li.active, 
#menu ul li ul li.active a {
	font-weight: bold;
}
#menu ul li ul.active {
	display: block;
	font-weight: normal;
}

Det precis anledningen varför den raden kom med...
Ett annat försök (som sagt, det blinkar inte när jag kör lokalt):

$(document).ready(function(){
	//Special för framsidan: göm alltid undermenyn och låt bli att lägga till class active
	if(window.location.toString() == 'http://www.kristoffernilsson.se/'){
		$('#menu ul li ul').hide();
	}else{
		$('ul.active').parent().addClass('active');
	}
		
	//visa aktuell undermeny när man klickar på menyn
	$('#menu>ul>li').click(function(){
		$('#menu ul li ul').slideUp(300);
		$(this).children('ul').slideDown(500);
	});
});

Varför skall det funka bättre? Därför att med det gamla skriptet, när man klickade på undermenyn, i och med att den är en underdel av dess menyrubrik, så triggas skriptet igång. Sedan tar den nya sidan lite tid att ladda ner, varför menyn hinner åka upp och ner innan den nya sidan visats. I denna utförande skall skriptet inte triggas om man klickar på en del som tillhör den aktiva menyn (som tex den synliga undermenyn).

Det är bara att inse: min teori stämde inte...

men...

jag gjorde ytterligare en justering i koden ovan (la till > mellan menu ul och li) för att rikta mot just li som är direkt under ul som är direkt under #menu. Det som hände innan var att den selektorn även innefattade underliggande li, dvs undermenyn.

Vill du testa igen?

Som info, för att jämföra lokalt vs remote så har jag lagt upp mitt meny-skript här:
Horizontal menu
Det är korta sidor, så även där laddas de rätt fort. Jag upplever dock att den beter sig som väntat: ingen omladdning av undermenyn från en sida till en annan.

Ok, jag ger mej. För ibland ser även jag att den gör det vid vissa omladningar...

Men jag är envis som synden (ibland iaf). Ytterligare en uppdatering (du får säga ifrån om det är störigt ). Det är en kombination av mina teorier ovan: jag var inte helt ute och cyklade, men nådde inte hela vägen. Men nu: Ingen tillstymmelse till blinkning för mig. Inte ens från mina svärföräldrars pc med IE8 som klickar och har sig vid varje sidomladdning. (samma länk som ovan).