ansaurus

Question

Answer 1

+1 A:

It's a good practice to keep your javascript and CSS out of your HTML.

<span id="t">
  <input type="text" />
  <input type="text" />
</span>
<button id="toggler">Toggle</button>

For the Javascript, we look up the two elements via their ID. We then attach some logic to the onclick method of the button itself. This logic checks the present value of the display style on the span element. If it's visible, we hide it. If it's hidden, we show it.

document.getElementById("toggler").onclick = function(){
 var s = document.getElementById("t");
 (s.style.display == "none") ? s.style.display = "" : s.style.display = "none";
};

Online Demo: http://jsbin.com/iyiki/2/edit

Jonathan Sampson 2010-02-25 17:51:14

Answer 2

+1 A:

You're not giving any object to the function. Quick fix:

return validate(document.getElementById('t'));

also this html is wrong. It should be:

<span id="t" style="visibility:visible" >

marcgg 2010-02-25 17:51:37

ansaurus

tags:

views:

answers:

Changing checkbox visibility

related questions