accordion click delay

  • Resolved Sujal Jain

    (@sujaljain007)


    1 year, 1 month ago

    The accordions just are sluggish for atleast my usecase. I prefer the using of the new details summary html tag but it is not much versatile. Now, the only thing about kadence accordions i’d like to change is the transition, animation or what it is thats making the delay in opening and closing them. It should be as fast as default details tag is, it should be able to register every click for opening and closing instead of that delay. I didn’t find any CSS for it, maybe its the javascript. There isn’t also any options for the block regarding this.

    There should be a relatively simple solution to this I guess. But, that’s what I’ll get to know!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    1 year, 1 month ago

    Hi there!

    While there’s no built-in option to turn off transition/animation, you can add this to your website’s Customize > Additional CSS option:

    .kt-blocks-accordion-header, 
    .kt-accordion-initialized .kt-panel-is-collapsing, 
    .kt-accordion-initialized .kt-panel-is-expanding {
        transition-duration: 0s !important;
    }

    Here’s our guide: How do I add Custom CSS

    Let me know if I can help you further.

    Plugin Support architalevelup

    (@architabasandrai20)

    1 year ago

    hi @sujaljain007

    It’s been a while since we last heard from you. I just wanted to check in and see if you still need assistance with this issue.

    If you’re all set, would you mind resolving the thread so we can confirm everything is fixed?

    Thanks!

    Kind Regards,
    Archita

    Thread Starter Sujal Jain

    (@sujaljain007)

    1 year ago

    Hello,

    While the code snippet works, it still leaves some delay, when closing and opening as usual and switching to next accordion.

    Doing this feels fast but glitchy, I can’t give a fancy word to it, so glitchy. Is this all we can do to make it as closer to functionality as a normal details block?

    I can instantly see the difference in lag and performance for a details tag and our accordion. I know the limitations of a details tag but I am only targeting the delay in our accordion.

    Plugin Support karlalevelup

    (@karlalevelup)

    1 year ago

    Hi @sujaljain007

    I added both blocks and the CSS code to a page to compare their animations. Watch how they animate similarly here: https://share.zight.com/JruYpvEw

    Could you give me a page URL so I can see how it glitches for you? There might be other plugin styles contributing to that issue on your website.

    Plugin Support karlalevelup

    (@karlalevelup)

    1 year ago

    Hi @sujaljain007

    It’s been a while since we heard back from you.

    Let us know if you still have concerns here. Otherwise, we’ll mark the topic as resolved tomorrow.

    Have a great day!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘accordion click delay’ is closed to new replies.