Lid |
|
Hallo ik heb een probleempje:
ik gebruik een jquery script om stukken tekst te verbergen, dit werkt perfect.
nu heb ik een x aantal stukken tekst met een titel waarbij er op de titel moet geklikt worden om de tekst zichtbaar te maken.
dit is het stukje code waar het om gaat:
$('#slick-toggle_1').click(function() {
$('#poll_dv_1').toggle(400);
$('#poll_dv_2').hide();
$('#poll_dv_3').hide();
$('#poll_dv_4').hide();
etc...
return false;
});
$('#slick-toggle_1').click(function() { $('#poll_dv_1').toggle(400); $('#poll_dv_2').hide(); $('#poll_dv_3').hide(); $('#poll_dv_4').hide(); etc... return false; });
wat hierboven dus eigenlijk gebeurd is als je op de link met #slick-toggle klikt wordt div #poll_dv_1 zichtbaar en de rest wordt weer netjes verborgen.
maar nu komt het:
ik heb een x aantal berichten dus bovenstaande code wil ik nu met php gaan opbouwen met de volgend code:
<?php
$i = 1;
$j = 1;
while ($i < $aantal) {
echo "\n$('#slick-toggle_".$i."').click(function() { \n";
echo "$('#poll_dv_".$i."').toggle(400); \n";
?>
return false;
});
<?php
$i++;
}
?>
<?php $i = 1; $j = 1; while ($i < $aantal) { echo "\n$('#slick-toggle_".$i."').click(function() { \n"; echo "$('#poll_dv_".$i."').toggle(400); \n"; ?> return false; }); <?php $i++; } ?>
$aantal is het totaal aantal stukken tekst die er beschikbaar zijn
wat de volgende html output geeft:
$('#slick-toggle_1').click(function() {
$('#poll_dv_1').toggle(400);
return false;
});
$('#slick-toggle_1').click(function() { $('#poll_dv_1').toggle(400); return false; });
nu lukt het dus om netjes het eerste regeltje goed te krijgen, maar ik zie niet hoe ik automatisch de rest moet genereren, dus zo dat automatisch in de lus de andere div's de .hide() erachter krijgen
weet iemand hoe ik dit het beste kan oplossen?
Mvg, Kees
|