jquery - 帮助通过我的 jquery 片段重申

Question

有问题的代码:

$("#alpha").click(function(event) {
    event.preventDefault();
    $("#show").slideToggle();
});

我有一个文件列表，它是用 PHP 按字母顺序输出的。我在 PHP 中使用这个方法:

foreach(range('A','Z') as $i) {
    if (array_key_exists ("$i", $alpha)) {
        echo '<div id="alpha"><a href="#" name="'.$i.'"><h2>'.$i.'</h2></a></div><div id="show">';
        foreach ($$i as $key=>$value)
            echo '<p>'.$value.' '.$key.'</p>';
    }
    echo '</div>';
}

我想要做的是，当用户单击#alpha 来切换具有属于某个字母的名称的div #show 时。我可以对第一个列表执行此操作，但之后的每个列表都不会受到影响。

我如何告诉 jquery foreach 字母应用 js 代码，以便它可以向上/向下切换 #show。

我不想这样 26 次(字母表中的每个字母一次)，我尝试使用 class 而不是 id，但这会导致所有 #show 切换嘿。

Answer 1

ID 属性 must be unique 。在生成的标记中使用类属性而不是 ID，并定位相对于单击的 .alpha 的 .show:

$(".alpha").click(function(event) {
    event.preventDefault();
    $(this).next(".show").slideToggle();
});