Toggle Hidden

[BK201]

Argh! JS haha. I'm trying to toggle a input box on and off by click. It toggles on, but then it does not toggle back off. Any help is greatly appreciated.

 

	function show() {
		var character_node = document.getElementById("CC");
		var name_node = document.getElementById("cn_label");
		if (character_node && name_node) {
			name_node.hidden = "";
		} else if (character_node == true && name_node == false) {
			name_node.hidden = "1";
		}
	}

 

		<form name = "Character Creation" action = "scripts/character_creation.php" method = "POST">
				<p onClick="show();" id="CC">Create Character</p>
				<label hidden="1" id="cn_label">Character Name<input type="text" name="name"></label>
		</form>

[ZulfadlyAshBurn]

Use jQuery to ease your scripting.

 

the best way to do with jQuery is

 

<style>
    #cn_label {
      display:none;
    }
</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
   $('#CC').click(function() {
      $('#cn_label').toggle('slow', function() {
   });
});
</script>

<form name = "Character Creation" action = "scripts/character_creation.php" method = "POST">
   <p id="CC">Create Character</p>
   <label id="cn_label">Character Name<input type="text" name="name"></label>
</form>

[BK201]

Thanks mate, I'm trying to get a better grasp on JS before I move to JQuery. Maybe I'll just jump right into JQuery.

[ZulfadlyAshBurn]

I have to agree that you must learn the fundamentals of JS before moving to jQuery. But jQuery helps shorten your script and there are many functions you could do with it. If I've solved your JS problems, please marked this topic as solved on the bottom of this page.

[BK201]

The "Topic Solved" button has seemed to disappear.

[ZulfadlyAshBurn]

Ouh. I'll alert the devs. In the mean time, if you see any changes which are weird, please do reply to this topic. They recently had a new server.