The RIGHT Way To Build Accordions in Framer

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии • 41

  • @omotayotaiwo4375
    @omotayotaiwo4375 6 месяцев назад +7

    RUclips recommended this video just in time, built a Framer website and the FAQ keeps driving me crazy. Thank you for this tip.

  • @jonyeazel
    @jonyeazel 7 месяцев назад +9

    always love when i find a new Framer Channel.

  • @JohannaSeibel
    @JohannaSeibel 23 часа назад

    Thank you for this tip! Super helpful.

  • @adamkuzma1207
    @adamkuzma1207 6 месяцев назад +3

    This is exacly what I was looking for! The lack of transition between visible and hidden bothered me so much.

  • @LouisArquivio
    @LouisArquivio 7 месяцев назад +11

    that’s also better for SEO, where if you set it to not visible it won’t appear in the html when the page load

    • @sewerlamb
      @sewerlamb  7 месяцев назад +3

      I wish I knew this before posting - great benefit!

    • @RobertBilling
      @RobertBilling 6 месяцев назад

      Yes it does?, it's not like when a javascript setting a div to visible that it loads from the server?

  • @rudididthis
    @rudididthis 7 месяцев назад +1

    hohoho, thats impressive work. Keep it up man. Thanks for the suggestion to change the text height instead of use visible.

  • @Mage1k
    @Mage1k 7 месяцев назад +1

    amazing video - cant believe you dont even have 50 subscribers yet

    • @sewerlamb
      @sewerlamb  7 месяцев назад +1

      thanks legend - check again ;)

    • @Mage1k
      @Mage1k 7 месяцев назад +1

      @@sewerlamb goat

    • @sewerlamb
      @sewerlamb  7 месяцев назад

      @@Mage1k no, just a lamb. But i appreciate the sentiment

  • @niklashenckell8051
    @niklashenckell8051 27 дней назад

    OMG that's literally me, lol
    Thanks for the tip

  • @abhijeet.designs
    @abhijeet.designs 7 месяцев назад +1

    Keep em coming 👏👏

  • @Rita_Johanna
    @Rita_Johanna Месяц назад

    Love your videos!!

  • @kerdonstuart3349
    @kerdonstuart3349 4 месяца назад

    OMG that's literally me, lol xD Thank you for the tutorial!

  • @DesignDen673
    @DesignDen673 4 месяца назад

    Cool! Could you pls create a video on how to use CMS? and create layouts using CMS.

  • @GracDonarski
    @GracDonarski 7 месяцев назад +3

    omg, that's literally me, lol, now how do you make the answer close automatically when you click on the next question?

    • @sewerlamb
      @sewerlamb  7 месяцев назад +2

      You can set up multiple variants with only one question open and hook them up to each other

  • @RobertBilling
    @RobertBilling 6 месяцев назад +2

    Have you tried putting this on a webpage and multiple accordions beneath each other?, to me, it overlaps the content below when closing.

    • @sewerlamb
      @sewerlamb  6 месяцев назад

      Turn the stack of accordions into a component

    • @GianniDonCarlo
      @GianniDonCarlo Месяц назад

      ​@@sewerlamb Same problem here, I now have multiple components for each question but stays overlapping (great and helpfull video never the less!)

  • @msvictoria0110
    @msvictoria0110 3 месяца назад

    how do you link up different variants?

  • @mt000mp
    @mt000mp 6 месяцев назад +1

    can it work smoothly on a stack of accordions?

    • @sewerlamb
      @sewerlamb  6 месяцев назад

      Yeah! Turn the stack into a component and then it'll animate smoothly

    • @mt000mp
      @mt000mp 6 месяцев назад

      @@sewerlamb after looking at your blocs site, yeah it does, looks neat.
      but the footer abrupt jumps is weird and annoying to look at.

    • @mt000mp
      @mt000mp 6 месяцев назад

      @@sewerlamb btw, framer forms just drops, I'd be interested to invest in your blocs Design system if you'd implement those.

    • @sewerlamb
      @sewerlamb  6 месяцев назад

      @@mt000mpnot sure what you mean 😮

    • @sewerlamb
      @sewerlamb  6 месяцев назад

      @@mt000mpWe've got an update coming out in a few days with the new forms as well as some full page templates ❤

  • @mattgelfand1222
    @mattgelfand1222 3 месяца назад

    What does setting the distribution to End do?

    • @JamiltonMacedo
      @JamiltonMacedo 2 месяца назад

      The text downs linked to bottom border.

  • @George-g6n8h
    @George-g6n8h 28 дней назад

    shout out to gosha sans

  • @CourtzSGD
    @CourtzSGD 5 месяцев назад +2

    Thanks. Please try not to use keyboard shortcuts because we can’t see what they are and so it’s hard to follow along. Gotta google the way to do the action without the shortcut and then come back to your video. Thanks!

    • @sewerlamb
      @sewerlamb  5 месяцев назад +2

      @@CourtzSGD Great point! I'll keep it in mind for my next one. Thanks bud

  • @burtos
    @burtos 4 месяца назад

    Omg that's literally me! 😂

  • @dianaukhabova
    @dianaukhabova 6 месяцев назад +1

    omg this is literally me

  • @deepvoice196
    @deepvoice196 6 месяцев назад +1

    Great news

  • @oluwaseyiayodele288
    @oluwaseyiayodele288 4 месяца назад

    😂😂😂. It’s me lol…

  • @alexlynpi
    @alexlynpi 3 месяца назад

    Nice marketing