Streaming live at 10am (PST)

Text pop up and then close on click


#1

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!


#2

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


#3

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