Ændre egenskaber for CSS klasse via javascript

bemærk venligst at jeg ikke har mulighed for at sætte en ID på min DIV, det skal være en klasse !

http://zyph.dk/eksempler/showhide/

Du SKAL bruge id til det.
Hvorfor bruger du ikke bare id?

hmm - problemet er at det drejer sig om en større DHTML menu, jeg har købt en licens til. Og når jeg skal styre om denne menu skal være synlig eller ej, er jeg blevet instrueret i at påvirke ovenstående klasse.

Jeg ved ikke om menuen har en ID, og det er lidt svært for mig at gennemskue da vi taler om RIGTIG mange linier kode...

jeg må jo prøve at spørge dem om der ikke er defineret en ID for menuen som jeg kan påvirke...

Så kan du blive nødt til at iterere igennem alle stylesheets, der iterere gennem alle styles indtil du finder den med selectoren .mmenu !-)

hmmm - har nu fundet den ID der sat på min menu.

Hvis jeg i javascriptet der genererer menuen indsætter

document.getElementById('menu0').style.visibility = "hidden";

bliver min menu også fint skjult.

men når jeg så længere nede i scriptet, hvor jeg ønsker at vise menuen igen indsætter

document.getElementById('menu0').style.visibility = 'visible';

ja, så sker der ikke en skid. Menuen forbliver skjult ?!?

Nogen idéer til hvad der forårsager denne mærkelig opførsel ?

Det er svært at se noget uden koden, og hvis du siger der er RIGTIG mange linjer kode ja så bliver det ikke nemmere.

Det kan jo være din menu0 er nested i et andet objekt der også der gemt?

hmmm, men hvis jeg ikke skjuler menuen med
document.getElementById('menu0').style.visibility = "hidden";
så bliver menuen vist fint - så kan jeg vel udelukke at den er nested i et andet skjult object ?

det der undrer mig er at jeg godt kan skjule den, men ikke få lov til at vise den igen.... ?!?

jo men de 2 ting hænger ikke nødvendigvis sammen.
div1 er hidden div2 ligger under div1:
<div id="1" > <--- hidden
  <div id"2"></div>  <---dvs den her er også hidden, hvis du sætter den til visible er den stadig hidden pga. div1
</div>

<div id="1"> <--- visible
  <div id="2"></div> <----hidden, kan skjules og vises idet div1 er synlig
</div>

hmmm - jeg forstår godt hvad du siger, men synes ikke det er relevant i forhold til min problemstilling. Har du læst min indlæg 20/12-2004 14:32:27 ?

Min pointe er jo at hvis menuen som udgangspunkt vises, hvis jeg ikke indsætter nogen manipulerende kode, så kan den jo ikke være indlejret i nogen skjult div.

Måske kan du bruge denne maskine:

<script language="javascript" type="text/javascript">
function changeCSSProperty(clss,propty,newValue){
var ie = (document.styleSheets[0].rules);
var moz = (document.styleSheets[0].cssRules);
if(!(ie||moz))return;
for(i=0;document.styleSheets.length>i;i++){
  css = (ie)?document.styleSheets[i].rules:document.styleSheets[i].cssRules;
  for(j=0;css.length>j;j++){
      if(css[j].selectorText.toLowerCase()==clss.toLowerCase()){
          eval("css[j].style."+propty+"='"+newValue+"'");
          return;
      }
  }
}
}
</script>