jQuery, how to make a on click function work with array to toggle divs based on id?

Question

Here's my code:

 foreach($rows as $row)
   {
    echo '<div class="div-that-toggles-other-div" id="' . $row['unique_id'] .'">';
    }

    foreach($rows as $row)
    {
      echo '<div class="div-to-be-toggled" id="uid-' . $row['unique_id'] .'">';
     }

The jQuery i've used to toggle the div before wont work when im printing an array of divs where i want only the specific id to open specific div.

$(".div-that-toggles-other-div").click(function () {
            $(".div-to-be-toggled").slideToggle(1000);
        });

how can i make it toggle depending on id?

Alankar More · Accepted Answer · 2015-03-12 09:14:09Z

1

Hope this will help you.

$(function(){
   $(".div-that-toggles-other-div").click(function () {
        var divId = $(this).attr('id');
        $("#uid-"+divId).slideToggle(1000);
    });
});

answered Mar 12, 2015 at 9:14

Alankar More

1,1152 gold badges8 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

jQuery, how to make a on click function work with array to toggle divs based on id?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related