Question

$("#areaCodeList").click(function() {
   //onClick slideDown hidden church lists
});

in Javascript or jQuery how would I loop over multiple outputted database entries? What I need it to do is be able to uniquely identify the different rows and be able to act on each one rather than acting on all. I need the jQuery or Javascript to act like a Php while loop. Does this make sense to anyone?

<div class="areaCodeList" id="areaCodeList"><?=$row->areacode." - ".$row->locational_state;?></br></div>

Answer 1

UPDATE 12:45PM : Change of entire page:

http://jsfiddle.net/eEtja/ – I created this fiddle with one panel. I rewrote the code on the page. Now that I better understand your PHP after looking it give this a shot. I did not modify your PHP.

I updated the JavaScript to reflect the following: (please make sure .churchList is still a class)

$(document).on("click", ".areaCodeList", function(){
            $('.churchList').hide();
            $(this).next('.churchList').show();
 });