Hola gente espero me logren ayudar estoy atorado en algo que imagino debe ser simple aqui les explico.
estoy utilizando jquery para ocultar y mostrar determinadas etiquetas h1 h2 etc que tengo en un div. para ser mas especificos lo que estoy haciendo es realizar preguntas y colocar dos botones para la respuesta un si y un no dependiendo de la respuesta pues mostrare una cosa o la otra. para ello estoy utilizando estas funciones en jquery
<script>
$("input[name='Boton1']").click(function(){
$(".principal").hide(); //oculta
$(".ocultar").removeClass(); //mostrando
});
$("#respuestaNeg, #respuestaPos").hide(); //ocultando respuestas
$("input[name='Boton2']").click(function(){
$("#respuestaNeg").show(); //mostrando la respuesta en caso de hacer click en el boton2(no)
});
$("input[name='Boton3']").click(function(){
$("#respuestaPos").show(); //mostrando la respuesta en caso de hacer click en el boton3(si)
});
</script>
la cosa es que funciona pero en la primera pregunta, cuando realizo la segunda y trato de reutilizar el codigo pues no hace nada ,el boton de si y no haciendo lo mismo que la vez anterior no hacen absolutamente nada. Imagino que se debe a que estas funciones ya fueron ejecutadas, hay que hacer algo para reiniciarlas y que vuelvan a funcionar? Tambien si tienen una manera mas optima de hacer lo que busco puedo aceptar sugerencias. Espero me haya sabido explicar. saludos ;-)
HTML no permite dos ID's iguales (#respuestaNeg / #respuestaPos). Tendrias que usar un ID diferente en cada botón/respuesta/elemento.
Como no pones el HTML, no te puedo sugerir nada y lo poco y confuso que es el JS menos todavía.
Saludos
pues puede que ese sea el problema bro. voy a revisar a ver si era eso, gracias por la respuesta