one page checkout and dropdown

Hello, because im a fan of Hikashop but also I have a little experience, I came across this check out from a different vendor please attachment, the issue is I love hikashop, and the other vendor lack lots of features, but also I love the way how to check out from this vendor, it's one page and the next step is drop-down instead a different page, please help me to accomplish that
thanks

Hi,

Put all your checkout workflow views in one step under the Checkout tab of the HikaShop configuration.
Then, add "text" views between each panel you want to be available.
In these text views, you can add slider tags using this extension : regularlabs.com/sliders
Or if your template uses boostrap (often the case), you can achieve the same with just the correct HTML in these text views:
getbootstrap.com/docs/5.0/components/accordion/

And if you want to go further and are not afraid of a bit of coding, you can trigger the switch of the slide to the next one with a bit of javascript when necessary:
stackoverflow.com/questions/32488669/boo...en-close-from-within
www.hikashop.com/support/documentation/6...ocumentation.html#js