visibility: hidden vs opacity: 0

by PerroAZUL

HTML

<div>Button 1: <div><input id="boton1" type="button" value="boton1" /></div></div>
<div>Button 2: <div><input id="boton2" type="button" value="boton2" /></div></div>

CSS

div div { display:inline-block; border:1px solid #000; }
#boton1 { visibility:hidden; }
#boton2 { opacity:0; }

JavaScript

$("#boton1").click(function() {
    alert("boton1");
});

$("#boton2").click(function() {
    alert("boton2");
});