I’m in the process of setting up a certificates page on my site and the effect I’m trying to achieve is that the user will be able to see all of the certificates when the page loads but all the information about the certificate is hidden.
When the user clicks the read more button, the info about that certificate appears underneath. When they click it again it hides the text.
I followed the tutorial on how to do this in the Webflow University and managed to get one of them working properly. I have another 6 certificates to add though but as you can see from the site link below… when I add more than one it screws up the ‘Read More/close’ button and when you click the ‘Read More’ button it opens both certificates at the same time.
I’ve tried changing the interaction to only affect the class and children in that class but that seems to break the animation altogether?
I’m out of ideas on how to fix it now so was hoping someone could point me in the right direction!
Thanks in advance!
Here is my public share link: https://preview.webflow.com/preview/wb-website-2019?utm_source=wb-website-2019&preview=4fbbec28a676336811941a2b3533b08f