2

Hice un código simple de JS que al darle click a una categoria muestra unos resultados. Quiero que al iniciar la página, esté un botón activo mostrando los resultados correspondientes a ese botón y ocultando los otros resultados de otros botones.

Éste es el código:

$("#mostrarmkt").on( "click", function() {
			$('#marketingprecios').show("slow"); //muestro por id el precio
			$('#diseñogprecios').hide("slow"); //mientras muestro el de arriba, oculto este
			$('#diseñowprecios').hide("slow"); //mientras muestro el de arriba, oculto este
			$('#asesorprecios').hide("slow"); //mientras muestro el de arriba, oculto este
		 });
		$("#mostrardiseñog").on( "click", function() {
			$('#diseñogprecios').show("slow"); //mientras muestro el de arriba, oculto este
			$('#marketingprecios').hide("slow"); //muestro por id el precio
			$('#diseñowprecios').hide("slow"); //mientras muestro el de arriba, oculto este
			$('#asesorprecios').hide("slow"); //mientras muestro el de arriba, oculto este
		 });

Gracias!

1
  • Podrías poner esto al final de tu código para ejecutar el click de uno de los botones así: $("#mostrarmkt").click(); Commented el 20 ago. 2019 a las 19:37

1 respuesta 1

1

Todo en el mismo JS

        $("#mostrarmkt").on( "click", function() {
            $('#marketingprecios').show("slow"); //muestro por id el precio
            $('#diseñogprecios').hide("slow"); //mientras muestro el de arriba, oculto este
            $('#diseñowprecios').hide("slow"); //mientras muestro el de arriba, oculto este
            $('#asesorprecios').hide("slow"); //mientras muestro el de arriba, oculto este
         });
        $("#mostrardiseñog").on( "click", function() {
            $('#diseñogprecios').show("slow"); //mientras muestro el de arriba, oculto este
            $('#marketingprecios').hide("slow"); //muestro por id el precio
            $('#diseñowprecios').hide("slow"); //mientras muestro el de arriba, oculto este
            $('#asesorprecios').hide("slow"); //mientras muestro el de arriba, oculto este
         });

        $(document).ready(function() {
             $("#mostrarmkt").click()
        });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.