veran tengo el siguiente codigo:
dentro del head:
<script>
$(document).ready(function(){
$("#mayoria_edad").click(function(evento){
if ($("#mayoria_edad").attr("checked")){
$("#formulariomayores").css("display","block");
}else{
$("#formulariomayores").css("display","none");
};
});
});
</script>
dentro del body:
<form>
Nombre: <input type="text" name="nombre"/>
<br>
<input type="checkbox" name="mayor_edad" value="1" id="mayoria_edad"/> Soy mayor de edad
<br>
<div id="formulariomayores" style="display: none;">
Dato para mayores de edad: <input type="text" name="mayores_edad"/>
</div>
</form>
lo que quiero hacer es que al hacer click en el checkbox se muestre y se oculte una caja de texto.creo que el problema esta en el attr ,y si me pueden explicar cual es la funcion que cumple attr