Toggle div - expand/collapse all

Hvad med at du i din onclick event kalder en funktion hvor du har kald til din toggle_visibility funktion

<a href="#" onclick="toggleDIVS();return false;">Vis alle</a>.

F.eks.

function toggleDIVS(){
  toggle_visibility('id1');
  toggle_visibility('id2');
  toggle_visibility('id3');

  osv...
}

<ole>

Uden at kunne se din kode kan man ikke give den gode løsning. Det ville jo nok være meget smart at 'bladre' dine divs igennem og gemme dem, der skal gemmes - så du ikke skal ændre funktionen, hvergang du sletter eller tilføjer et div  =)

/mvh
</bole>

Hej.

Testside her: http://www.komfrisk.dk/test/test.html

Jeg ville også gerne undgå at skulle specificere alle divs i en funktion - netop så den ikke skal redigeres ved sletning eller nye divs.

Mvh.

Tror at jeg har fundet en løsning på nette:

<script type="text/javascript">
<!--
function toggle_visibility(){
  for(var i = 0,len = arguments.length;i < len;i++){
    var e = document.getElementById(arguments[i]).style,d = e.display;
    e.display = (d == "block") ? "none" : "block";
  }
}

//-->
</script>

<a href="#" onclick="toggle_visibility('div1','div2','div3');return false;">Vis alle</a>

Det fungerer i hvert fald. Eller er der en bedre måde at gøre det på?

Måske ikke så smart. Var det ikke bedre at give dem alle en klasse og teste på den:

<script type="text/javascript">
function toggle_visibility() {
    var aDvs = document.getElementById("menu").getElementsByTagName("div");
    for (var i=0,j=aDvs.length,o; i<j; i++) {
        o = aDvs[i];
        if (o.className=="foo") o.style.display = o.style.display=="block"?"none":"block";
    }
}
</script>

<ul id="menu">
  <li><a href="#" onclick="toggle_visibility('div1');return false;">Læs mere</a>
    <div class="foo" id="div1" style="display: none;">Indhold div1</div>
  </li>
  <li><a href="#" onclick="toggle_visibility('div2');return false;">Læs mere</a>
    <div class="foo" id="div2" style="display: none;">Indhold div2</div>
  </li>
  <li><a href="#" onclick="toggle_visibility('div3');return false;">Læs mere</a>
    <div class="foo" id="div3" style="display: none;">Indhold div3</div>
  </li>
</ul>

Du skal jo stadig manuelt tilføje/slette div id's på dine links.

Nu skriver du ikke hvilket udviklingsmiljø du bruger, men prøv lige at kigge her:

http://www.projectseven.com/products/tools/accordion2/examples-options/cat05-01.htm

Du kan jo prøve at se om du kan gennemskue javascript koden som bruges.

Nøøøhhhh ... hvorfor skulle han dog behøve det? Du kan vist ikke rigtig gennemskue koden ovenfor  ;o)

Olebole:

Fin løsning, det fungerer perfekt. Tak for det. Læg et svar. :)

Ah, der er lige en enkelt ting. Hvad gør man hvis man har underpunkter eller flere elementer som skal have samme id? Så validerer koden ikke længere. Se f.eks. http://www.komfrisk.dk/test/test2.html

Kunne man ændre scriptet til at løbe igennem flere id'er eller hvordan ville man løse det?

Desuden, i ovennævnte test, så sker der en ting, som heller ikke er helt hensigtsmæssig: Hvis man blot vil udvide én, så udvides alle... :)

Jamen, du kan da ikke have flere elementer med samme ID! Det er absolut og total no-go  =)

"Hvis man blot vil udvide én, så udvides alle..." >> Det er sandelig ikke en 'uhensigtsmæssighed'. Det er en ganske præcis opfyldelse af bestillingen:
"Mit spørgsmål er om det er muligt at få dette script til at toggle ALLE divs på siden på én gang?"

- og hvis du vil have scriptet til at gøre noget andet, er du nødt til at beskrive præcis, hvad det skal gøre  =)

Hej.

Ja, måske formulerer jeg mig ikke klart. :)

Hver enkelt div skal kunne vises/skjules med ét klik.

Derudover kunne det også være super med et link, som viser/skjuler alle divs på én gang med ét klik.

Jeg er klar over at man ikke kan have flere ens id'er, men hvad nu hvis man har flere elementer, man har behov for at få løbet igennem? Kan man få scriptet til at checke flere getElementById's, hvis du forstår hvad jeg mener?

Olebole >> Det er tid til at lukke. Vil du lægge et svar?

Undskyld, jeg havde ikke set din sidste kommentar. Har du fundet uid af det? Ellers må du lige spørge  =)

Jeg er ikke kommet videre selv, men bruger bare scriptet som du lavede det. Hvis du har tid/lyst til at se på #13 er du hjertelig velkommen, men du får dine points under alle omstændigheder. :)