vis-skjul - problemer med at få default side vist først

Måske sådan:

<script type="text/javascript">
foer = null;
foerpil = null;

function fold(id, pilnavn) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj) {
    foer.style.display = "none";
    if(foerpil)pil(foer, foerpil);
  }
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  pil(obj, pilnavn);
  foer = obj;
  foerpil = pilnavn;
}

function pil(obj, navn) {
  document.images[navn].src = (obj.style.display == "inline") ? "pil_ned.gif" : "pil_hojre.gif";
}
</script>

<a href="#" onclick="fold('div1', 'pil1'); return false;">Menupunkt 1</a> <img src="pil_hojre.gif" name="pil1" />
<div id="div1" style="display: none;">
<br />Dette er den skjulte tekst for punkt 1.
</div>

<a href="#" onclick="fold('div2', 'pil2'); return false;">Menupunkt 2</a> <img src="pil_hojre.gif" name="pil2" />
<div id="div2" style="display: none;">
<br />Dette er den skjulte tekst for punkt 2 - TA dA.
</div>

<a href="#" onclick="fold('div3', 'pil3'); return false;">Menupunkt 3</a> <img src="pil_hojre.gif" name="pil3" />
<div id="div3" style="display: none;">
<br />Dette er den skjulte tekst for punkt 3.
</div>

<div id="div0" style="display: inline;">
<br />
Dette er bare den almindelige tekst
</div>

roenving>> nej ikke helt sådan - når man kommer ind på siden første gang skal div0 være vist - når man så klikker på et af menupunkterne skal div0 IKKE vises mere - men derimod skal den div der er klikket på vises og klikker man på et nyt menu punkt skal KUN dette vises.

Tjah, men så er det vel sådan:

<script type="text/javascript">
window.onload = function() {
  foer = document.getElementById('div0');
}
foerpil = null;

function fold(id, pilnavn) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj) {
    foer.style.display = "none";
    if(foerpil)pil(foer, foerpil);
  }
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  pil(obj, pilnavn);
  foer = obj;
  foerpil = pilnavn;
}

function pil(obj, navn) {
  document.images[navn].src = (obj.style.display == "inline") ? "pil_ned.gif" : "pil_hojre.gif";
}
</script>

<a href="#" onclick="fold('div1', 'pil1'); return false;">Menupunkt 1</a> <img src="pil_hojre.gif" name="pil1" />
<div id="div1" style="display: none;">
<br />Dette er den skjulte tekst for punkt 1.
</div> <br>

<a href="#" onclick="fold('div2', 'pil2'); return false;">Menupunkt 2</a> <img src="pil_hojre.gif" name="pil2" />
<div id="div2" style="display: none;">
<br />Dette er den skjulte tekst for punkt 2 - TA dA.
</div> <br>

<a href="#" onclick="fold('div3', 'pil3'); return false;">Menupunkt 3</a> <img src="pil_hojre.gif" name="pil3" />
<div id="div3" style="display: none;">
<br />Dette er den skjulte tekst for punkt 3.
</div> <br>

<div id="div0" style="display: inline;">
<br />
Dette er bare den almindelige tekst
</div>

fint det virker - men sigmig lige er er nogen problemer i at bygge det op sådan her - jeg tænker på i relation til at div'erne jo faktisk lægger sig oven i hinanden??

<script type="text/javascript">
window.onload = function() {
  foer = document.getElementById('div0');
}
foerpil = null;

function fold(id, pilnavn) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj) {
    foer.style.display = "none";
    if(foerpil)pil(foer, foerpil);
  }
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  pil(obj, pilnavn);
  foer = obj;
  foerpil = pilnavn;
}

function pil(obj, navn) {
  document.images[navn].src = (obj.style.display == "inline") ? "pil_ned.gif" : "pil_hojre.gif";
}
</script>

<a href="#" onclick="fold('div1', 'pil1'); return false;">Menupunkt 1</a> <img src="pil_hojre.gif" name="pil1" />
<a href="#" onclick="fold('div2', 'pil2'); return false;">Menupunkt 2</a> <img src="pil_hojre.gif" name="pil2" />
<a href="#" onclick="fold('div3', 'pil3'); return false;">Menupunkt 3</a> <img src="pil_hojre.gif" name="pil3" />
<br /><br />
<div id="div1" style="display: none;">
Dette er den skjulte tekst for punkt 1.
</div>

<div id="div2" style="display: none;">
Dette er den skjulte tekst for punkt 2 - TA dA.
</div>

<div id="div3" style="display: none;">
Dette er den skjulte tekst for punkt 3.
</div>

<div id="div0" style="display: inline;">
Dette er bare den almindelige tekst
</div>

------------------
Og smid lige et svar ;o)

Næh, ikke det fjerneste, man skal bare være opmærksom på, at resten flytter sig, så hvis der ikke er et indhold, der er lige stort i alle, kan man få nogle ret sjove effekter !-)

Velbekomme '-)

Hov, du skal beholde langt de fleste point selv, så læg også selv et svar og del pointene !o]

ok - så deler vi

meningen er at det skal være links i toppen af en side - så det gør ikke noget om siden bliver længere eller kortere :-)

Oki, og tak for point ;~}

ehhhhhh - lige en sidste ting - hvis nu en bruger klikker på f.eks. "menupunkt 1" så forsvinder div0 - og det er som det skal være - MEN hvis nu brugeen klikker på "menupunkt 1" IGEN - så lukker menupunkt 1 = div1 - dette er også helt ok, MEN så må div0 gerne komme frem igen - kan du fikse det?

Hrm, den tror jeg ikke jeg kan klare uden at fjerne noget af portabiliteten !-)

function fold(id, pilnavn) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj) {
    foer.style.display = "none";
    if(foerpil)pil(foer, foerpil);
  }
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  pil(obj, pilnavn);
  document.getElementById('div0').style.display = (obj.style.display == "none") ? "inline" : "none";
  foer = obj;
  foerpil = pilnavn;
}

;o) - pyt bare det virker - så er jeg principielt glad

men bare ud af nysgerrighed kan man gøre sådan her:?

function fold(id, pilnavn, start) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj) {
    foer.style.display = "none";
    if(foerpil)pil(foer, foerpil);
  }
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  pil(obj, pilnavn);
  document.getElementById(start).style.display = (obj.style.display == "none") ? "inline" : "none";
  foer = obj;
  foerpil = pilnavn;
}

Ja !-)

jamen - så er jeg glad - tak endnu engang