Simple "Read More" Dropdown

I am trying to create a simple interaction where a “Read More” text button will change the height of my Rich Text Block from 500px to Auto.

I cannot seem to figure this out, no matter how many animations or interactions I try.

Thank you very much for your help!


Here is my public share link: [LINK]
(how to access public share link)

  1. Create a ‘Mouse click (Tap)’ interaction on the Read more button.
  2. And then select the Rich text block and then create a size action and set an initial state of 500px.
  3. Then create another size action and set the height to 500px.
1 Like

As @j0vil said, first, click on text block 24, which is the ‘read more’ text, and set the click interaction for it.
In the interactions, you have already added an animation named ‘Read More’ that you can use.
In the animation, you need to specify that the rich text block 3 initially has a height of 500 pixels, and then after clicking, it changes to auto height.
I will send you these two images from the animation to make it completely clear and solve your problem.

Brilliant, thank you!

1 Like