Recently, I stumbled upon a video by Imran Siddiq of Web Squadron, where he showed how to create a horizontal accordion in Elementor with just CSS. It is something I have wanted to create for a while, so I thought I would try it in Avada. This took a lot of trial and error to get Avada to behave correctly, trim the CSS to just what is needed, and make it a very smooth implementation, but all in all, I am satisfied with this initial test. This is a desktop-only feature as it relies on the hover state, and I am still working on triggering the focus state to make it keyboard accessible
Once I get the focus issue resolved, I plan to try and use this with post cards element so the content can be auto-populated.
Originally published on Feb. 11, 2023
Question, would you every post a video of how made this work, this is very cool.