How to rotate the accordion icon in Bricks Builder

[@istrangerofthisworld]

God Bless You. I have hardly seen people like you explaining in-depth like the truest honest teacher!! I am your new subscriber, jjust checked, you got so much covered which I was searching on the whole youtube and web related to Bricks Builder.

[@Stath1s_K]

Nice video. The .brx-open class gets added to the element with some delay as i am sure you can see. Thing is, it used to get added instantly as soon as you click on the accordion. I know for sure because i used to have this transition on a live site for some time (the exact same animation, the icons rotating). Somewhere along the line, after a bricks update maybe like a year ago, the .brx-open class now gets added with some delay when the accordion is open, so it doesn't work as smooth as it used to. I never got to ask the bricks team why they changed this behavior.

[@OscarObians]

You're absolutely right. I noticed it while prepping for this tutorial. I found it rather annoying. Also noticed that there is an inline style display:none to hide or show the content of the accordion. This seems to get toggled before the brx-open class is appended. So in effect, the accordion content displays before the icon or any style connected to .brx-open has a chance to go into effect. I'll raise the issue in the community.

[@Stath1s_K]

@@OscarObians You are correct, i remember that timing thing you are describing. Awesome! If you have an update on the matter please come back here with an update ;) Have a good one.

[@tomashudolin7197]

I have same problem. Because class .brx-open is set first and then our move is applied, so the icon (plus in my case) is rotating after the content is opened.

[@zensukai]

Nice one, thanks for that.