problemas con attr en jquery

[samito111]

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

[91darp]

Con attr obtienes el valor de un atributo dentro de una etiqueta. Es decir:

<div id="hola" title="un titulo"> </div>

alert( $('#hola').attr('title') );


Con eso obtienes un alert que dirá "Un titulo"


Mas info aquí: http://api.jquery.com/attr/

[alberto510a]

prueba con esto

<script>
$(document).ready(function(){
$('#mayoria_edad').click(function(){

if ($(this).is(':checked')){
$("#formulariomayores").css("display", "block");
}
else{
$("#formulariomayores").css("display", "none");
}

});
});
</script>