Crea un Simple Menú Acordeón con HTML y CSS - Desarrollo Web

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 40

  • @Villalbagabo
    @Villalbagabo 3 роки тому +1

    Excelente ejercicio. Ya lo practiqué y lo agregué a mi colección. Muchas gracias Roger.

  • @jesusgregoriosola5871
    @jesusgregoriosola5871 8 місяців тому

    Muy bueno. Saludos

  • @aleisaribalta4195
    @aleisaribalta4195 Рік тому

    maravilloso y muy bien explicado

  • @carolinaloaiza2924
    @carolinaloaiza2924 3 роки тому

    Excelente video, gracias.. gracias!!

  • @tomscant
    @tomscant Рік тому

    buen tip roger! abrazo

  • @hectorbritodiaz9760
    @hectorbritodiaz9760 2 роки тому

    Gracias, lo hiciste ver muy sencillo. Existe una forma de que queden abiertos al hacer varios clicks?

  • @miguelquintero5937
    @miguelquintero5937 3 роки тому +1

    Muy bueno el video, como se podria hacer para que al dar click en una de las opciones se vuelva a ocultar y que una de esas no se mantenga abierta ? Ya en ese caso habria que usar javascript o se podra hacer tambien en css ?

    • @21fanaTICA
      @21fanaTICA 2 роки тому

      ¡Hola! ¿Averigüaste cómo hacerlo?

    • @miguelquintero5937
      @miguelquintero5937 2 роки тому +1

      @@21fanaTICA si, me puse a ver otros videos, pero hay varios en codepen que hacen esa funcion

    • @21fanaTICA
      @21fanaTICA 2 роки тому

      @@miguelquintero5937 ¿Molesto mucho si te pido los links o cómo lo buscó?

  • @amorarara3098
    @amorarara3098 2 роки тому

    Excelete, muchas gracias

  • @Henry_Nunez
    @Henry_Nunez 3 роки тому

    Amigo me parece excelente tu trabajo sólo te pido un favor para que lo tomes en cuenta y es el siguiente: si en la descripción del video explicas un poco mas extendido todos te entenderemos mejor y estaremos sumamente agradecido. Gracias 👍

  • @maxshoot2848
    @maxshoot2848 2 роки тому

    y a ese acordeon se le pues poner las flechitas a la dercha, como cuando esta abierto o cerrado¿?

    • @RogerNatividadDev
      @RogerNatividadDev  2 роки тому

      Así es puedes manejar los estado cuando está abierto o cerrados

    • @maxshoot2848
      @maxshoot2848 2 роки тому

      @@RogerNatividadDev me podrias dar unpequeño ejemplo please?

  • @diegoarivera35
    @diegoarivera35 3 роки тому

    Excelente video

  • @trueno1059
    @trueno1059 2 роки тому

    Gran video, una duda ¿Cómo sería por defecto dejar el menu1 abierto al recargar la página?

    • @RogerNatividadDev
      @RogerNatividadDev  2 роки тому

      Le asigna una clase al bloque de menú en css de la clase le da Display block

  • @torvic852
    @torvic852 3 роки тому

    Una pregunta amigo, para usarlo en React tengo que usar hooks para que se vuelva renderizar?

    • @RogerNatividadDev
      @RogerNatividadDev  3 роки тому +1

      Hola en ese caso puede usar los Hooks useState para los estados en en cada bloque selecionado.

    • @torvic852
      @torvic852 3 роки тому

      @@RogerNatividadDev gracias ya decía por que no funcionaba si hice los mismo jajaja

  • @josechambi7483
    @josechambi7483 3 роки тому

    Hola excelente trabajo!! consulta lo implemente y al dar click me hace un salto y lo coloca al 0% de height osea al inicio de la web ... sabes como lo arreglaria?

  • @shairen1823
    @shairen1823 Рік тому

    Tengo una duda, estoy haciendo una pagina que por cantidad de contenido tiene una barra lateral de navegacion, cuando yo abro una seccion del acordeon este se posiciona arriba del todo, lo cual resulta incomodo, alguna solucion? btw:excelente video

  • @21fanaTICA
    @21fanaTICA 2 роки тому

    ¡Me encantó! ¿Cómo hago para que de primera entrada, todos aparezcan ocultos?

    • @RogerNatividadDev
      @RogerNatividadDev  2 роки тому +1

      le asignas una clase el primer item y le das min-height: 0 o display: none
      Saludos crack!!

  • @Henry_Nunez
    @Henry_Nunez 3 роки тому

    Hola amigo, esta muy interesante, es importante subir el código en repositorios, así todos ganamos tiempo, gracias👍

    • @RogerNatividadDev
      @RogerNatividadDev  3 роки тому +1

      Listo el link del código fuente esta en la descripción.
      saludos.

    • @Henry_Nunez
      @Henry_Nunez 3 роки тому

      @@RogerNatividadDev Gracias 👍

    • @pacotheboy5972
      @pacotheboy5972 2 роки тому

      xd, mejor dile lo que necesitas para que el lo haga, te puedo aceptar el codigo fuente cuando esta implementando un sistema y el codigo es extenso, pero en 7 min que quieres ahorrar?, aprende a hacerlo, el comparte su conocimiento, no esta para servirte todo en bandeja entiende eso, que lo unico que haces es ser toxico, y pide porfavor si lo necesitas.

  • @ivancamiloparraquintero5994
    @ivancamiloparraquintero5994 2 роки тому

    soy tu simp ahora

  • @miguelquintero5937
    @miguelquintero5937 3 роки тому

    serie bueno que hicieras un video asi pero que en vez de texto carguen videos en