Hi im basically creating a help page, where there is a dynamic list created using the repeater field.
Each list item there is a line of text, that when clicked on should show some more content (and hide it when clicked on again).
Now i can get it to work for the first item in the list… but every new item only shows/hides the first item.
Im assuming i need to do some for each for the id or something i just don’t know how to.
Thx for any help, here is the code:
<?php if (have_rows(‘video_felt’)): ?>
<?php while (have_rows (‘video_liste’)): the_row();
//vars
$videListe = get_sub_field(‘video_navn’);
$videoLinker = get_sub_field(‘vide_link’);?>
<li onclick=”myFunction()”>
<?php if($videListe): ?>
<?php echo $videListe; ?>
<div id=”myDIV” style=”display:none;”>
<div class=”youtube-player” data-id=”<?php echo $videoLinker;?>”></div>
</div>
<?php endif;?>
<?php endwhile;?>
<?php endif;?>
<?php endwhile; ?>
<?php endif;?>
<script>
function myFunction() {
var x = document.getElementById(“myDIV”);
I figured it out using some jQuery
If you are still active: Any insight on what jquery did the trick? Doesn’t help other people looking for a solution by just stating you solved it without providing a proper explanation.
You are right im sorry about that.
Its been awhile since i worked on this, but im pretty sure this is fix:
<script>
jQuery(document).ready(function(){
jQuery(‘body’).on(‘click’, ‘ul.videoul li’, function() {
jQuery(“div.myDIV”).hide();
jQuery(this).find(“div.myDIV”).toggle();
});
});
</script>
