Accordion animation

[Joost]

When I set the [animation]=”‘none'”, I still get the ripple effect when clicking an accordion item.

I can’t seem to find any other property to disable it. What am I missing?

[admin]

Hi Joost,

The ripple effect is defined with the .smart-ripple CSS class. You can do this:

.smart-ripple {
 animation: none; 
 visibility: hidden;
}

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Joost]

Thank you Peter, that worked.

Is this documented anywhere?

 

 

[admin]

Hi Joost,

I prepared it for you. It is not part of official docs.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Kelly Thomas]

Hi, I’m new to this forum and had the same question, so I wanted to share what I found based on the helpful discussion with the developer.

As mentioned by the developer:

Setting [animation]=”‘none'” only disables the open/close animation of the content. The ripple effect is a separate visual effect and isn’t controlled by the animation property.

To remove the ripple effect in Smart Accordion, you can simply add this CSS to your styles:

.smart-ripple {
display: none !important;
}
This completely hides the ripple effect when clicking an accordion item.

It worked perfectly for me — I think it will work for you too!

[xritu kaur]

When it comes to fetishes, these ladies know that men often have various desires, especially when it comes to erotic things. However, men usually don’t share these with their partners because they don’t want to face judgment. If you have similar interests, you can definitely talk to call girls because they are not judgmental and understand men better than most people. So, forget about anything else and reach out to the super naughty Call Girls in Rishikesh.

https://doon.dehradunescorts.co.in

[Author]

Posts