Hice una aplicación de tren de puntería javascript que contiene un menú. Cuando hago clic en reproducir, escondo los elementos del menú y muestro los elementos del juego... Me preguntaba si había una forma más correcta de hacer esto sin ocultar la visibilidad.
https://codepen.io/miguelserdeira/pen/oNEZRMj
Este es un ejemplo de la parte del código que quiero cambiar. ¿Quizás cuando hago clic en jugar debería dirigirme a otra página con el juego? Gracias.
//Shows the elements that should be visible or hidden imgTarget.style.visibility = "visible"; startBtn.style.visibility = "hidden"; timeText.style.visibility = "hidden"; timeSlider.style.visibility = "hidden"; targets.style.visibility = "hidden"; sizeImg.style.visibility = "hidden"; aviso.style.visibility = "visible"; valor.style.visibility = "hidden"; valor2.style.visibility = "hidden"; valor3.style.visibility = "hidden"; hits.style.visibility = "visible";Ejemplo:
var startBtn = document.getElementById("comecar");Actualmente está oculto con
startBtn.style.visibility = "hidden";Prueba esto en su lugar:
$("#comecar").hide();y para mostrarlo:
$("#comecar").show();También puede encadenar elementos para ocultarlos todos en una sola línea, así:
$("#element1, #element2, #element3, #element4").hide();Elimine todas las asignaciones de visibilidad. Eso deja el elemento HTML en su lugar y enmascara el contenido, mientras que la ocultación de jQuery elimina el elemento.