Customizations » Not Always Easy

Design help Animations & Interactions
1

Hey Ya’ll

I’m trying to create a custom accordion or dropdown or tabs.

Here is my design:

Screenshot 2024-05-01 at 10.40.33 AM
Screenshot 2024-05-01 at 10.40.33 AM1344×838 58.5 KB

On the left, the first tab/accordion/dropdown is open. The ones below are closed.

Not only is the paragraph inside the element, the large number on the right is as well.

So I’m trying to get the accordion style dropdown with the paragraph under the heading, then I’d like the number to change (01 - 02 - 03).

Looking for some help.

I know there are some smart people in here.

Here is my public share link: My Link

2

Nobody? Not even @memetican ?

3

:joy: I’m super busy building cool things…

If the accordion is static, and only 3 elements, you could set an interaction for each with a click trigger, to show/hide the correct number element.

Alternatively, JS. Add a custom attribute for the e.g. 01, and have the JS click-trigger grab that and set your element. This is more CMS-friendly and gives you freedom of element placement in your design.

4

Thank you for taking the time away from building cool things.

I’ll give this a shot.

Appreciate the feedback.