Streaming live at 10am (PST)

Text pop up and then close on click


Check out this site -

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:



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.


closed #3

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