Slow down Accordion block animations

Hey all,

So, I'm just upgrading my personal site to 7.1 now. Right now I just have a basic teaser landing page with an accordion block to open up my bio. My issue is that the Accordion block's animations are so quick and I'd really like to be able to smoothly slow them down to 1s long. But I can't find a way to do it smoothly whatever I try.

If anyone could help that would be amazing!

URL is https://www.joshuahext.com/, there's no password needed.

Here are a few soft solutions, but not sure if they are ideal for what you're trying to accomplish:

Option 1:

.sqs-block-accordion .accordion-item__dropdown--open {
    transition-property: visibility, opacity !important;
    transition-timing-function: linear !important;
    transition-duration: .5s, 2s !important;
    transition-delay: 2s, .5s !important;
}

Option 2:

.accordion-item__dropdown--open {
    transition: all ease-in-out 3s !important;
}

You might have to adjust the height of the accordion and a few other things to get the effect just right...

17 hours ago, DPruitt said:

Here are a few soft solutions, but not sure if they are ideal for what you're trying to accomplish:

Option 1:

.sqs-block-accordion .accordion-item__dropdown--open {
    transition-property: visibility, opacity !important;
    transition-timing-function: linear !important;
    transition-duration: .5s, 2s !important;
    transition-delay: 2s, .5s !important;
}

Option 2:

.accordion-item__dropdown--open {
    transition: all ease-in-out 3s !important;
}

You might have to adjust the height of the accordion and a few other things to get the effect just right...

Hey, thanks for getting back to me! Unfortunately neither of those work. They both fade in the drop down after it's quickly swiped in. I'm looking to slow down that standard swipe animation itself. 

Can you possibly help with that?

On 8/23/2023 at 11:24 AM, joshuahext said:

Hey, thanks for getting back to me! Unfortunately neither of those work. They both fade in the drop down after it's quickly swiped in. I'm looking to slow down that standard swipe animation itself. 

Can you possibly help with that?

I'm looking for assistance with this too.

Also here would love to know the solution to slowing down the scrolling animation on accordions.