Code in question:

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

I have a list of files and its being outputted with PHP in alphabetical. I use this method in 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>';
}

What I want to do is when the user clicks on the #alpha to toggle the div #show that has the names that belong to a letter up. I can do this with the first listing, but every listing after that isn't affected.

how can i tell jquery that foreach letter apply the js code so it can toggle up/down the #show.

I don't want to this 26 times (one time for each letter in the alphabet), I tried to use class instead of id but that causes all the #show to toggleup heh.