jQuery Forum

Hello all,

I am using a live, load, and toggle combo to load/hide/show nested tables (think folder tree).

The page is initialized to show the top level (level 0) element (a span with class 'click2 loadL1') which when clicked will:

• + remove the 'click2loadL1' class to avoid double loading
  
• + replace the contents of the span with the current content plus a table with one span (with a class 'click2loadL2') in a single TD per each TR
  
• + finally bind a toggle to hide/show the loaded table

The code works fine (it triggers the live function associated with class 'click2loadL2') for all spans in all rows EXCEPT the first, that one never triggers on click, and I can't figure out why. Any help is appreciated. Thanks, Denes.

Irrelevant code replaced with ... in sample below.
The 'click2loadLx' live functions are inside the jQuery(document).ready.

1. $('.click2loadL1').live('click', function(e) {
     $(e.target).removeClass('click2loadL1');
     $(e.target).load('...',{lvl0 : e.target.id}, function() {
       $('#'+this.id+' span:first').toggle(
         function(e) { if (e.target == this) {
           $('...').addClass('hidden');
         } },
         function(e) { if (e.target == this) {
           $('...').removeClass('hidden');
         } }
       );
     });
     return false;
   });