Expandable text box on click

Layouts
1

Hi everyone I need your help.
I have a text box with the phrase “Discover more”. What I’d like to happen is:

  • When someone clicks on “Discover more”, the box should expand and reveal more text.
  • When they click again, the box should collapse and hide the extra content.

Is this possible to do directly in Readymag? If so, could anyone guide me through the steps?
Thanks for your help :slight_smile:

2

well there are some options here…

you could place your whole text and hide it behind a shape, above that shape lays the button “discover more”. now add a animation for the covering shape to change its opacity, or move out of view revealing the extra text. Then you would also set up an animation onto the button to move out of view, or to the end of a text. Both the button and the shape should has the button as a trigger.

you could also let the extra text fade in “on click” on clicking the button.
Its a bit depending on how your design looks.

what you cannot do is to expand the height of your whole page dynamically if the extratext is shown. so you would need to work around this with a smart positioning of your elements. Youc could also fill the place, where the extra text will appear with a graphical element that fades out if you expand the visibility of your text.

3

Just been trying to achieve the same thing I think - was trying to emulate a FAQs page along these lines:-

Only just started using Readymag this past week and was really impressed with it but increasingly finding things like this that should be simple but don’t seem to have a workaround. Ah well..