Forums

HI,
I am new to yui and am using yui3.
I am trying something pretty basic I think, using toggleClass to hide and unhide a table row.
It works fine in Firefox, but not in IE7, 8 or 9, unless I refresh the page.
Internet Explorer is at default settings, Java is enabled, what am I missing - is it something basic?
Here is the code which I have put in a .js file and linked to in the document head:

// Create a YUI sandbox on your page.
YUI().use('node','event', function (Y) {
// The Node and Event modules are loaded and ready to use.
// Your code goes here!
var agendaParishrollupT = Y.one('#agendaParish_rollupTrigger');
if(agendaParishrollupT){
agendaParishrollupT.on('click', function(e) {
var allHidden = Y.all('#agendaParish .hidden')
allHidden.toggleClass('not_hidden_agenda');
});
}
}):

Thanks, any help is appreciated,
pbrain