Oh, the horror to see my beloved FireFox crash repeatedly when trying to run some jQuery that works flawlessly in IE 8! (I thought it was supposed to be the other way around!)
Seriously though, I do have a chunk of jQuery that I hope someone here can help me with. Basically, I have a (large) table that has a list of users with IDs of "newUsers" and "oldUsers". I have a checkbox that displays/hides the "oldUsers". In IE everything works instantaneously. But in FireFox when you first check the box it takes several seconds to hide the "oldUsers". Then, when you uncheck the box to display the "oldUsers" again, it changes the display instantly but then the browser hangs and crashes every time. Now, as I mentioned before this table is large, with somewhere around 500 rows. Is this too much for FF/jQuery to handle? I thought about breaking it up between 2 separate "newUsers" and "oldUsers" divs and just toggle the display accordingly, but I'd rather do it in one table if I could. -------- Here's my jQuery: $(document).ready(function() { //table striping $('table.stripe>tbody>tr:even').addClass("lite"); $('table.stripe>tbody>tr:odd').addClass("dark"); //Display/Hide new and old user tables rows. $("#userFilter").click(function(){ // If checked if ($("#userFilter").is(":checked")){ //hide all old users $('table.stripe>tbody>tr:not(#newUsers)').hide(); } else { //show all old users $('table.stripe>tbody>tr:not(#newUsers)').show(); } }); }); -------- Here's my table: <table cellpadding="1" cellspacing="1" class="stripe"> <tbody> <tr id="oldUsers"> <td>Old Test User</td> <td align="center">Stuff</td> <td align="center">Stuff</td> <td align="center">Stuff</td> </tr> <tr id="oldUsers"> <td>Old Test User</td> <td align="center">Stuff</td> <td align="center">Stuff</td> <td align="center">Stuff</td> </tr> <tr id="newUsers"> <td>New Test User</td> <td align="center">Stuff</td> <td align="center">Stuff</td> <td align="center">Stuff</td> </tr> <tr id="oldUsers"> <td>New Test User</td> <td align="center">Stuff</td> <td align="center">Stuff</td> <td align="center">Stuff</td> </tr> </tbody> <!-- Rinse and repeat about 490 more times --> </table> Any ideas as to why this would be killing FireFox? Is it just the way FF handles processing the display/hide of so many table rows? -- Thanks, Eric Cobb http://www.cfgears.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328327 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4