[SOLUCIONADO] boton simple para mostrar y ocultar div con JQUERY no funciona?

kukiko11 · #1 (**permalink**) 28/12/2015, 17:27

no le encuentro el fallo... al dar clic en el enlace deberia mostrarme y ocultar el div segun vaya clickeando dicho enlace pero nada... simplemente no hace nada

Aca el codigo para que le echen un ojo

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="prueba.css">

<script>
// jQuery
$(document).ready(function(){
$("#alternar-panel-oculto").on( "click", function() {
$('#panel-oculto').show(); //muestro mediante id
});
$("#alternar-panel-oculto").on( "click", function() {
$('#panel-oculto').hide(); //oculto mediante id
});
});
</script>

<title></title>
</head>

<body>

<div id="panel-oculto" style="display:none;"></div>
<a href="#" id="alternar-panel-oculto"> Mostrar el panel oculto</a>

</body>
</html>

edel · #2 (**permalink**) 28/12/2015, 17:46

la cuestion es que es declaraste dos eventos click . por tanto cada vez que das click se muestra y se oculta .
lo correcto seria declarar solo un evento click y llamar de forma alterna al metodo show o al hide. Para eso puedes utilizar la condicion si esta visible o no el elemento.

pateketrueke · #3 (**permalink**) 28/12/2015, 19:37

kukiko11, por favor te invito a leer las normas del foro así como aprender a usarlo adecuadamente.

Tu problema es 100% Javascript y no tiene relación alguna con programación en PHP, por lo que sencillamente está fuera de lugar.

Para la próxima procura abrir temas donde corresponda.

kukiko11 · #4 (**permalink**) 28/12/2015, 20:48

ya lo resolvi... se me habia pasado colocar el script que hace el llamado a las apis correspondientes para que el script funcione jajajja... que descuidado, igual gracias por la ayuda... y disculpen la molestia... tendre en cuenta lo de las normas saludos xd