la verdad no entiendo NADA de lo qe esta pasando xd ajaj
soy nuevo en javascript, es muy poco lo qe entiendo, pero esto me tiene muy confundido.
vi en distintos tutoriales, qe para qe el efecto FadeIn funcione, el elemento a aparecer debe tener un display inicial de "none", por lo qe se lo atribui a mi div llamado "contenido".
puse 2 botones y les di funciones diferentes, uno supuestamente muestra el div oculto, y el otro boton vuelve a ocultar el div
EL PROBLEMA ES QE NO ME FUNCIONAN LOS FAKIN FadeIn y FadeOut!!!
reemplazando fadein por
css("display","block"), el boton funciona y hace aparecer el div oculto... por lo qe no es un error de sintaxis en nada de lo anterior, pero nose como carajo usar el fadein ajajajja me da mucha bronca xd
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jQuery/jquery.js"></script>
<script type="text/javascript">
si alguien sabe como solucionar el problema se lo agradeceria T.T
$(document).ready(function(){
$('#boton1').click(function(){
$("#contenido").FadeOut();
})
/*$('#boton2').click(function(){
$("#contenido").FadeIn();
})*/
})
</script>
<title>Documento sin título</title>
</head>
<body>
<div style="width:200px;float:left;" >
<input id="boton1" name="boton1" type="button" value="Ocultar DIV"/><br />
<input id="boton2" name="boton2" type="button" value="Mostrar DIV"/>
</div>
<div style="display:none;" id="contenido">
Usuario: <input type="text" name="user" /><br />
Contraseña: <input type="password" name="pass" /><br />
</div>
</body>
</html>