jQuery toggle on a PHP foreach statement

Question

The code for the page is the following

<?php foreach ($organization->index() as $id=>$content) { ?>
<a href="#" id="obtain_branch"><?= $content->name?></a>
<div id="directory_brnach"><?= $content->about?></div>
<?php } ?>

The JavaScript code using jQuery is

 // Directory inner branches
$('#obtain_branch').click(function(){
   $('#directory_brnach').toggle('fast');
});

The problem it will only work on the first one given the the ID is not changing, the rest will not change.

How can I send an array to the jQuery function to give an individual ID on every iteration?

Thanks in advance.

Please edit your post and highlight your code, then press the "101010" button, so that it displays correctly. — bigstylee
– bigstylee, Commented Apr 11, 2010 at 9:44
um... what exactly are you trying to do? Also mark the code as code. It's easier to read. — Steven
– Steven, Commented Apr 11, 2010 at 9:45

Kobi · Accepted Answer · 2010-04-11 09:52:17Z

2

The #obtain_branch selects the first element with that ID. Using a class will help for the links, but not for the divs - that will toggle them all at once. Try:

<?php foreach ($organization->index() as $id=>$content) { ?>
<a href="#" class="obtain_branch"><?= $content->name?></a>
<div class="directory_brnach"><?= $content->about?></div>
<?php } ?>

JavaScript:

$('.obtain_branch').click(function(){
    $(this).next('.directory_brnach').toggle('fast');
    return false; //to avoid the link from working
});

edited Apr 11, 2010 at 9:52

answered Apr 11, 2010 at 9:46

Kobi

139k41 gold badges259 silver badges302 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cletus · Accepted Answer · 2010-04-11 09:54:32Z

2

IDs need to be unique. Try:

<?php foreach ($organization->index() as $id=>$content) { ?>
<a href="#" class="obtain_branch"><?= $content->name?></a>
<div><?= $content->about?></div>
<?php } ?>

with:

$('a.obtain_branch').click(function(){
   $(this).next().toggle('fast');
   return false;
});

edited Apr 11, 2010 at 9:54

answered Apr 11, 2010 at 9:49

cletus

627k169 gold badges922 silver badges945 bronze badges

Collectives™ on Stack Overflow

jQuery toggle on a PHP foreach statement

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related