[JS/Mootools] FAQ word "ingeklapt", maar hoogte blijft

[Ruffian]

Wij gebruiken Moo_FAQ om onze FAQ te genereren.

Het is eigenlijk een simpel stukje code:

JavaScript:

window.addEvent('domready', function() {
  var expandables = $$('.expandable');
  var triggers = $$('.trigger');
  var fxHolder = new Array();
 
  expandables.each(function(thisExpandable, i) {
    var newFX = new Fx.Slide(thisExpandable);
    newFX.hide();
    fxHolder[i] = newFX;
  });
 
  triggers.each(function(thisTrigger, i) {
    thisTrigger.addEvent('click', function() {
      fxHolder[i].toggle();
    });
  });
});

Dit zorgt ervoor dat:
1. Alle expandables verbergen
2. Alle triggers een click-handler geven die er voor zorgt dat de expandable uit-/inklapt.

Het probleem is nu echter dat de totale hoogte van alle expandables blijft staan onder de site. Zo krijg je dus een flinke scrollbalk die eigenlijk nutteloos is.

Wat ik al geprobeerd heb is de height op 0px te zetten voor alle expandables, maar dit is eigenlijk geen nette oplossing. Het werkt trouwens ook niet.

Hoe kunnen we er voor zorgen dat die duizend(en) pixels hoogte er ook weer correct af gaan? Volgens mij is dat default behaviour van mootools, maar bij ons lijkt het niet goed te gaan.

[Cartman!]

Even snel een idee : gebruik eens load ipv domready? schijnt dat IE7 daar ook problemen mee geeft sowieso.

[rewind.]

Met de code los werkt het wel gewoon zie: http://gumdesign.nl/toggle/faq.php

Dus ik verwacht dat het ergens in je css zit

[ Voor 24% gewijzigd door rewind. op 27-03-2008 12:46 ]

[Ruffian]

Cartman! schreef op donderdag 27 maart 2008 @ 12:43:
Even snel een idee : gebruik eens load ipv domready? schijnt dat IE7 daar ook problemen mee geeft sowieso.

Dit maakt helaas geen verschil. Daarnaast zijn de FAQ-items dan ook langer zichtbaar.

Stoney187 schreef op donderdag 27 maart 2008 @ 12:45:
Met de code los werkt het wel gewoon zie: http://gumdesign.nl/toggle/faq.php

Dus ik verwacht dat het ergens in je css zit

Ik denk ook dat het ergens in de CSS zit ja. Ik vraag me alleen wel af waar. In de html/body staan niet echt rare dingen en ook in de divs die de layout opbouwen zijn er nou niet echt wazige dingen.

[Amorphis]

Ik heb even snel gekeken, zo te zien heeft het niet direct te maken met Moo FAQ, maar met je overlay div die een hele grote hoogte heeft.

[ Voor 4% gewijzigd door Amorphis op 27-03-2008 15:39 ]

[Sp3ci3s8472]

Je kan er nog een display: none achteraan gooien hoewel Mootools dit zelf al in zijn class zou moeten doen... Welke versie gebruik je?
Over dat domready en IE7: Mootools is volledig crossbrowser compatible met onder andere IE7.

[ Voor 25% gewijzigd door Sp3ci3s8472 op 27-03-2008 15:48 ]

[Alex)]

Hmm, niet om het een of ander hoor, maar ik vind het heel irritant, al dat geanimeer enzo. Kun je niet gewoon voor een leuke toggle gaan zonder dat geschuif?

Like:
if(blok ingeklapt)
blok.style.display = 'block'
else
blok.style.display = 'none'
endif

Dat is stukken rustiger imho, en ik ben denk ik niet de enige die er zo over denkt