Vamos a finalizar nuestro pequeño ejemplo que pone en práctica y como en todo junto lo que hemos desarrollado
o lo que aprendimos en el video anterior o en el capítulo anterior donde aprendimos lo básico y Cuadri.
De momento tenemos dos líneas de Discovery.
Puedes ver que estamos seleccionando el primer dip que es hijo de nuestros servicios que vendría siendo
este aquí.
Los otros dos los hemos ocultado con CSS sin embargo vamos a controlar cómo se muestra no se ocultan
con Riccheri y también hemos destacado el primer enlace con esta línea de código donde seleccionamos
el primer enlace y le agregamos la clase de activo.
También estaremos manejando que una vez que presioné en por ejemplo el segundo deje de estar resaltado
y que se resalte.
Vamos a hacer todo eso.
En este vídeo crear aquí un pequeño código vamos a ponerlo aquí.
Servicios a que vendría siendo nuestra navegación de aquí arriba iras por el punto on click aquí vamos
a crear una función externa poner aquí mostrar Tabs y ponemos un función mostrar taps
y vamos a comenzar a trabajar crear nuestro código.
Primero vamos a crear una variable que se llama Enlace y aquí vamos a capturar este HR-V puedes ver
que el HR-V hace referencia a los Eiriz.
Por lo tanto estaremos creando esa relación aquí selector aprendiz para que tome el enlace de lo que
haya hecho click.
Puede ser que haya sido aquí o aquí o aquí no sabemos cual el usuario vaya a presionar.
Sin embargo Condis sabremos de dónde viene ese click y accedemos al atributo CTR y le ponemos HR-V.
Por lo tanto estamos asignando el HR-V de cada uno de estos botones a la variable enlace y aquí le puedes
poner un Consol log enlace y hacer la prueba.
Vamos a abrir nuestra consola ponemos la consola y damos clic por ejemplo en viajes y vemos que aparece
aquí viajes damos clic en asesoría y vemos que aparece asesoría transporte asesoría y podemos seguir
dando clic en todos ellos.
Y durar todo el día haciendo esto sin embargo hay más trabajo por hacer ya estamos capturando el enlace
que podemos ver que tiene el Heydi así que vamos a quitar esta parte y en este caso lo que haremos será
crear más de seleccionar todos los ser en lo que esté en nuestros servicios a todos los dips y ponemos
algo así como nuestros servicios y todos los dips que estén ponemos aquí un para ocultarlos.
O sea que cuando dé clic aquí se van a ocultar y tengo que mostrar el que le haya dado click.
Lo ponemos con el selector y luego lo ponemos enlace porque ya lo tenemos capturado en esta variable
X le ponemos you igual al cambio se recargo lo expliqué en asesoría y vemos que cambia.
Hace asesoría hay cursos transporte y también que haya transporte.
Puedes ver que se da este pequeño brinco.
Quieres podrías poner un ratón Fonds y recargó y puedo dar clic ahora si aquí vemos que no brinca hay
algo que estamos perdiendo aún es que si por ejemplo en asesoría sigue resaltado viajes así que podríamos
ponerle en esta parte nuestros.
El lector puede copiar aquí pego ir poner aquí.
No importa cuál sea el que la tenga quiero que la remueva y recargo doy click aquí y veamos que ya la
remueve.
Ahora falta nada más agregarse la que haya dado clic porque puedes ver que los viajes no se resalta
en ninguno de ellos puedo agregarlo con
diez Glass y quiero pronaos activo y guardo cámbiese recargo.
Ahora estamos en viajes de en asesoría se queda asesoria resaltado transporte viajes etcétera y este
tipo de ejemplos es muy común verlo en páginas web puedes ver mucho código que hay que agregar es muy
sencillo y de esta forma puedes tener un top como éste que encuentras en Franjo muy populares como vostra
Fondation pero puedes ver que compró allí Cuadri.
Es sencillo de hacer aquí va a cambiar estos métodos de joie por Feith out y aquí por Feith infraccion
métodos que me gustan un poco más en este efecto así como de desvanecerse sin embargo esto fue lo que
pedimos.
Algo que podemos poner en práctica allí Kairi y tal vez llegas bueno y siempre que tenga que hacer algo
así por ejemplo una galería algo de ese estilo tengo que crear todo este código yo Bueno no a partir
del siguiente capítulo estaremos trabajando con plugins de Coeuré que te harán la vida mucho más sencillo
y agregarán funcionalidad más complicada a tu sitio web con muy pocas líneas de código para eso tendremos
que volver a nuestro sitio web de eje de la webcam.