[jQuery] element:gt(0) works in FF, but not in Safari/IE/Chrome

[DasJan]

Hi!

I have the following code which, using jQuery 1.1.2 works in FF/Safari/
IE:

function menu_loader()
 {
      var speed = 200;
     var item_title = new Array();
     var items = new Array();
     var i = 0;
     $("#menu ul").each(function()
     {
         items[i] = $("#menu ul").eq(i).children().filter(function
(index) { return index > 0; });
         /* v1 - hide items if not active */
         if (items[i].is(".active") == false) { items[i].hide(); }
         /* v2 - hide all */
         //items[i].hide();
         //apply the clicker
         $(this).attr('id', 'c' + i);
         $(this).children(":first").css({ cursor: 'pointer' });
         $(this).attr('onclick', "$('ul#c" + i + " li:gt(0)').toggle("
+ speed + ");$('#content').hide();");
        i++;
     });
 }

I just recently updated to jQuery 1.2.6 and the above code now only
works in FF, but not in Safari/IE/Chrome.

I have a menu which is based on unordered lists, the first <li> is the
title of the menu which is always supposed to be displayed, the other
are only to be displayed when I click on the first IE. When I try this
in Safari/IE/Chrome and click on the visible LI, nothing happens.

I also tried replacing the line with:

$(this).attr('onclick', "$('ul#c" + i + " li:not(:first-child)').toggle
(" + speed + ");$('#content').hide();");

and

$(this).attr('onclick', "$('ul#c" + i + " li').slice(1).toggle(" +
speed + ");$('#content').hide();");

Both of those also work in FF, but again not in Safari/IE/Chrome.

Any ideas?

Thanks,
Jan