I have a <div> that I want to toggle its visibility. I have "hide" text which makes it hide an makes the text "show" visible. My problem is I don''t want the "hide" text to display if javascript is disabled. So it starts out as display:none. I can then make it visible by window.onload. The problem is when I use the onload handler then the text does display at startup, but clicking on it has no effect. This is what I tried: <div id="hiddentable"> <span id="tablehide" style="display:none;">Hide Table</span> (( show table here )) <span id="tableshow" style="display:none;">Show Table</span> </div> I''m using Behaviour to register the javascript: /* make the "hide" text visible if javascript is enabled */ /* this makes the "hide" text not do anything -- comment out and works */ window.onload = function() { new Effect.Appear(document.getElementById(''tablehide'')); } var hide_rules = { ''#tablehide'' : function(e) { e.onclick = function() { new Effect.BlindUp(document.getElementById(''hiddentable'')); new Effect.Appear(document.getElementById(''tableshow'')); } }, ''#tableshow'' : function(e) { e.onclick = function() { new Effect.BlindDown(document.getElementById(''hiddentable'')); new Effect.Fade(this); } }, }; Behaviour.register(hide_rules); I''m reasonably new to Behaviour/Prototype/Scriptaculous, in case you were wondering... -- Bill Moseley moseley-kv6DSSSScSo@public.gmane.org