Streaming live at 10am (PST)

Text pop up and then close on click

Check out this site - http://speedgeek.webflow.io

Scroll down to the “Services” Section where it says “Home”, “Cloud”, “Business”, “Remote”. Each one of these tabs have a bunch of difference services in it and when you click on the service title, the description comes up.

My question is this: How do I make it so when you click on one of the other service titles, the first service description gets minimized again? Any ideas?

Here is the preview: https://preview.webflow.com/preview/speedgeek?preview=30706c77ee3a865328197a2f2bd4fff1

Thanks!

Hello, @speedgeek!

There is absolutely possible to do this, just follow this steps:

  1. Give all paragraphs the same class-name (Service text)

  2. Change the interaction which opening Service text:
    – 1st click – Display: none, Opacity: 0%; 2nd click – remove this step
    – add one more trigger to same interaction, Trigger: Click, Check option “Limit to sibling elements”,
    1st click – Display: block, Opacity: 100%; 2nd click – Display: none, Opacity: 0%

  3. Apply this interaction to all links

Hope my explanations is clear enough. Let me know if you have more questions.

Regards,
Anna

This topic was automatically closed after 60 days. New replies are no longer allowed.