using a checkbox to show/hide content

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|614\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> using a checkbox to show/hide content
Wed, 01 Sep 2010, 05:15
waroffice	Afternoon, I have been testing this all day and it once worked but now doesnt, I need help please. I have googled this but only seem to get old posts and little in the way of an explaination of the code, there seems to be a few different approaches also. what i would like is a reusable function so i can tell it to show/hide a DIV specified. my code sofar this is in my HEAD tags <script type="text/javascript"> function hide(area){ var obj = document.getElementById(area); if(obj.style.display=="none"){ obj.style.display=="block"; } else { obj.style.display=="none"; } } </script> --v This is the html bit <input type='checkbox' id='showaddcheck' checked onclick='hide('addfile');'> <div id='addfile'> Some content </div> --v
Wed, 01 Sep 2010, 05:20
waroffice	It seems i found my problems. Sorry for a waste of forum space, unless there is a better way