Nyheder: klik for at læse mere

Man kan også nøjes med at vise lidt, og så lægge resten i et skjult element, f.eks. sådan:

<script type="text/javascript">
function showHide(elm){
  if(typeof elm == 'string')
    elm = document.getElementById(elm);
  var st = elm.style;
  var actState = st.display;
  var divs = document.getElementsByTagName('div');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('div')==0)
      divs[i].style.display = 'none';
  }
  st.display = actState != 'block'?'block':'none';
}
</script>

<div style="cursor:pointer;" onclick="showHide('div1');">04.08.05: Supporten er så småt ved at lukke ned i ca. 3 uger på grund af ferie ...
  <div id="div1" style="display:none;">-- og her kommer resten af teksten</div>
</div>

<div style="cursor:pointer;" onclick="showHide('div2');">04.08.05: Supporten er så småt ved at lukke ned i ca. 3 uger på grund af ferie ...
  <div id="div2" style="display:none;">-- og her kommer resten af teksten</div>
</div>

<div style="cursor:pointer;" onclick="showHide('div3');">04.08.05: Supporten er så småt ved at lukke ned i ca. 3 uger på grund af ferie ...
  <div id="div3" style="display:none;">-- og her kommer resten af teksten</div>
</div>

<div style="cursor:pointer;" onclick="showHide('div4');">04.08.05: Supporten er så småt ved at lukke ned i ca. 3 uger på grund af ferie ...
  <div id="div4" style="display:none;">-- og her kommer resten af teksten</div>
</div>

Ja, det var en mulighed. Skulle jeg så lave en ny div med fortløbende numre for hver nyhed? Eller hvordan? Se www.nephewsupport.dk/test_nyheder.htm

Ja, det var ideen med den slags !-)

Jeg kan ikke rigtig lige greje hvordan jeg skal bygge det op, hver gang jeg klikker på den nyhed der skal vises, er det kun den første nyhed der kommer frem - hvad gør jeg forkert? www.nephewsupport.dk/test_nyheder.htm

Du skal huske at lukke de omkransende diver, for ellers overtager den yderste onclick, da den simpelthen udføres tilsidst !-)

<div style="cursor:pointer;" onclick="showHide('div3');">04.08.05: nyhed 3 ...
  <div id="div3" style="display:none;">-- og her kommer resten af teksten</div>
</div>

Selvfølgelig!

Tak for hjælpen - smid et svar.

Velbekomme '-)

-- og tak for point ;~}