Home/ Questions/Q 606773
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T17:17:23+00:00

What is the best way to do this dynamic events linking between divs in

  • 0

What is the best way to do this dynamic events linking between divs in jquery.

my HTML page:

<html>
<body>
<div id="parent1"></div>
<div id="parent2"></div>
<div id="parent3"></div>
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</body>
</html>

for each clicked parent i want to .toggle its child

Example :: if parent2 clicked, .toggle will be applied on child2 only

my parents and childs divs are dynamically created so their number is not static, i think .live should be used here, but i have no idea how to achieve that.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should do it, using the rel attribute to note link. You could also do the same thing by parsing the ID and so on, but I find this solution more semantic (if it means something) :

    <html>
<body>
<div id="parent1" class="parents" rel="child1"></div>
<div id="parent2" class="parents" rel="child2"></div>
<div id="parent3" class="parents" rel="child3"></div>
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</body>
</html>

jQuery(function(){
  jQuery(".parents").live("click", function(){
     jQuery("#"+jQuery(this).attr("rel")).toggle();
  });

});
    • 0