Question

<script>
    $(document).ready(
    function(){
        $("#music").click(function () {
            $("#musicinfo").toggle("slow");
        });

    });
</script>

我使用此代码来显示和隐藏div，但我只能点击第一个div第二个无法正常工作。

这是div：

<?php
    foreach($result as $tile)
    {?>
        <div id="music">
            <?php echo $tile['Onderwerp']?>
        </div>
        <div id="musicinfo">
            <?php echo $tile['Omschrijving']?>
        </div>
<?php }?>

我正在尝试将信息从mysql中输入2 div s，1用于标题，1用于获取当您点击标题div时可以看到的信息。

Answer 1

你在循环中使用相同的id，这是错误的，所有事件仅适用于第一个ID，而其他事件则被忽略。

foreach ($result as $title) { ?>
    <div class='wrapper'>
       <div class='music'></div>
       <div class='musicInfo'></div>
    </div>
<?php } ?>

jQuery函数比看起来像这样：

$('.music').click(function() {
     $(this).parent().find('.musicInfo').toggle();
});

jQuery切换<div> not working </div>

1 个答案: