java script kode

Det du linker til viser anchor egenskaben. Den fungere med #:
<a href="dinSide.htm#hopHertil">klik</a>

Ved at klikke på edn hopper man til de sted hvor denne kode står:
<a name="hopHertil"></a>

<ole>

fennec >> Fantastisk godt svar på et helt andet spørgsmål  ;o)

<style type="text/css">
.hidden {
    color: red;
    display: none;
}
</style>

<script type="text/JavaScript">
function bla(elm) {
    var sp, id = elm.id.split("_")[1];
    sp = document.getElementById("sp_"+id);
    sp.style.display = (sp.style.display=="inline")? "none" : "inline";
}
</script>

bla bla <a id="lnk_0" href="#" onclick="bla(this);return false">Link</a> <span id="sp_0" class="hidden">Kommentar: jkj lkj lj lj lkjlkj jklj lkj ljkl jkl kjlkjl kjl jkl jklk jlk jlkj ljl jlkj jkl</span> hjhykh hjkh khk jh
<br><br>
bla bla <a id="lnk_1" href="#" onclick="bla(this);return false">Link</a> <span id="sp_1" class="hidden">Kommentar: jkj lkj lj lj lkjlkj</span> hjhykh hjkh khk jh

/mvh
</bole>

pepperfar >> Læg mærke til elementernes id - og hvordan de hænger sammen. Det er dét, der knytter link og skjult kommentar sammen - så scripet ved, hvad der skal vises  :)

Det er et spørgsmål om at skrive den skjulte tekst i (f.eks.) nogle span-elementer (hvis display er sat til 'none' som udgangspunkt) og så give den en klasse som du kan finde og ændre display til 'inline', når de skal vises (og tilbage til 'none', når de skal skjules igen).

Eksempel:

<p>Tekst <span class="ekstratekst">Denne tekst er en uddybning af den korte</span></p>
<p>Mere tekst <span class="ekstratekst">Igen uddybes teksten med flere kommentarer</span></p>


Du kan så have et script som gennemløber alle span-elementer og checker om deres class er "ekstratekst". Hvis det er så skal du ændre deres display til 'none' eller 'inline' alt efter hvad den er i forvejen.

<script type="text/javascript">
  function skiftEkstratekst() {
    var sp = document.getElementsyTagName("span");
    for(var i=0; i < sp.length; i++) {
      if(sp[i].className == "ekstratekst") {
        if(sp[i].style.display == 'none' || sp[i].style.display == '')
          sp[i].style.display = 'inline';
        else
          sp[i].style.display = 'none';
      }
    }
  }
</script>

Dit link skal så se nogenlunde således ud:

<a href="java script:void(0)" onclick="skiftEkstratekst()">vis/skjul tekst</a>

olebole >>
Var skam også i tvivl om det var "skjult tekst" pepperfar snakkede om. Men jeg mener nu stadig ?'et går på anchor...

Problemet er også at den side han henviser til indeholder begge dele.

Lad os se hvem der får ret :o)

softspot >> det kan jeg ikke finde hoved eller hale i  :)

olebole >> det adskiller sig da grundliggende ikke ret meget fra dit... eller hvad?

...jeg har da godt nok lavet en tavefejl (getElementsyTagName), men er det virkelig så meget ved siden af?

Hmmm ... jo, men din åbner/lukker jo alle elementer med det claasName - og det er vel ikke meningen?  :)

For mig at se, er det ret væsentligt, at hvert link er koblet explicit sammen med dets tilhørende span  ;o)

Såvidt jeg kunne se på det tilknyttede link var der synlig og usynlig tekst blandet mellem hinanden, hvor alle de usynlige tekster blev gjort synlige og usynlige på en gang. Det valgte jeg at løse ved at lægge dem i spans med samme klasse og så iterere allesammen hver gang de skulle vises hhv. skjules...

Jeg takker mange gange... Olebole vil du ikke lave et svar?