Javascript Wordpress acf试图使用acf repeater字段隐藏和显示列表中的div

嗨，我基本上是在创建一个帮助页面，其中有一个使用repeater字段创建的动态列表

每个列表项都有一行文本，单击该行时应显示更多内容（再次单击时将其隐藏）

现在我可以让它为列表中的第一项工作…但是每个新项只显示/隐藏第一项

我假设我需要为每个id做一些事情，或者我不知道如何做

Thx如需任何帮助，请参阅以下代码：

<?php if (have_rows('video_felt')): ?>
        <ul>
            <?php while (have_rows ('video_felt')): the_row();
            //vars
            $afsnitOverskrift = get_sub_field('afsnit_titel');
            ?>
                <li>
                    <?php if($afsnitOverskrift): ?>
                         <?php echo $afsnitOverskrift; ?>
                    <?php endif;?>

                </li>
                    <?php if (have_rows('video_liste')): ?>    
                        <ul>
                            <?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): ?>
                                    <a  ><?php echo $videListe; ?></a> 
                                    <div id="myDIV" style="display:none;">
                                        <div class="youtube-player" data-id="<?php echo $videoLinker;?>"></div>

                                    </div>   
                                <?php endif;?>
                            </li>
                            <?php endwhile;?>
                        </ul>
                    <?php endif;?>
            <?php endwhile; ?>
        </ul>
        <?php endif;?>
<script>
function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display === "block") {
        x.style.display = "none";
    } else {
        x.style.display = "block";
    }
}
</script>

我只是用jquery编辑你的代码，请检查下面的工作代码

<?php if (have_rows('video_felt')): ?>
    <ul class="videoul">
        <?php while (have_rows ('video_felt')): the_row();
        //vars
        $afsnitOverskrift = get_sub_field('afsnit_titel');
        ?>
            <li>
                <?php if($afsnitOverskrift): ?>
                     <?php echo $afsnitOverskrift; ?>
                <?php endif;?>

            </li>
                <?php if (have_rows('video_liste')): ?>    
                    <ul>
                        <?php while (have_rows ('video_liste')): the_row();
                        //vars
                        $videListe = get_sub_field('video_navn');
                        $videoLinker = get_sub_field('vide_link');?>
                        <li >
                            <?php if($videListe): ?>
                                <a  ><?php echo $videListe; ?></a> 
                                <div class="myDIV" style="display:none;">
                                    <div class="youtube-player" data-id="<?php echo $videoLinker;?>"></div>

                                </div>   
                            <?php endif;?>
                        </li>
                        <?php endwhile;?>
                    </ul>
                <?php endif;?>
        <?php endwhile; ?>
    </ul>
    <?php endif;?>







    <script>
      jQuery(document).ready(function(){

        jQuery('body').on('click', 'ul.videoul li', function() {
           jQuery("div.myDIV").hide();
           jQuery(this).find("div.myDIV").toggle();

        });
      });
   </script>