damnsharp
Terugkerende gebruiker
- Lid geworden
- 6 jan 2012
- Berichten
- 1.394
Hoi,
Bij een WordPress website die ook extra velden heeft (Advanced Custom Fields) heb ik een dynamische accordion gemaakt, met behulp van PHP (en stukje JS).
Nu wil ik dat ik elke rij afzonderlijk met CSS kan benaderen, dus bijvoorbeeld #acfaccordeon .rij1 en #acfaccordeon .rij2 etc.
Ik kan het met nth-child(x) doen, is wellicht ook voldoende maar wil wel weten hoe ik het toch voor mekaar krijg.
Denk dat het niet zo heel ingewikkeld is, een tellertje plaatsen maar toch loop ik vast.
Hoe zou ik dit het beste kunnen aanpakken?
Bedankt voor meedenken!
Bij een WordPress website die ook extra velden heeft (Advanced Custom Fields) heb ik een dynamische accordion gemaakt, met behulp van PHP (en stukje JS).
Nu wil ik dat ik elke rij afzonderlijk met CSS kan benaderen, dus bijvoorbeeld #acfaccordeon .rij1 en #acfaccordeon .rij2 etc.
Ik kan het met nth-child(x) doen, is wellicht ook voldoende maar wil wel weten hoe ik het toch voor mekaar krijg.
Denk dat het niet zo heel ingewikkeld is, een tellertje plaatsen maar toch loop ik vast.
Hoe zou ik dit het beste kunnen aanpakken?
Bedankt voor meedenken!
PHP:
<div id="acfaccordeon">
<?php if( have_rows('acffieldname-accordeon') ): ?>
<?php while( have_rows('acffieldname-accordeon') ): the_row();
// vars
$name = get_sub_field('name');
$content = get_sub_field('content');
?>
<button class="accordion"><?php echo $name; ?></button>
<div class="panel">
<?php echo $content; ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>