How to hide/show and scroll to the element on a single button click
Use a link block as the click trigger element for the interaction. Then connect the link block to an anchor. This will scroll to the target anchor on the page.
Then use click triggered animation to reveal the target. Use the 2nd click trigger if you only want something to happen on the 2nd click and not the first. Or you can have different actions on 1st and 2nd clicks.
Hope that helps. If you’d like further support from the community please include your projects read-only link and instructions on where to find the discussed elements inside the projects. Thanks in advance.
@matthewpmunger Thank you for your reply
But i need to add interaction to button when I am trying this it is scrolling down to specific division on second click of button.Can you please help me how to solve this.
Ok sorry I misunderstood your request. Please share your project’s read-only link so I can see the issue myself. Link is in my previous post.
Thank you for your reply
https://preview.webflow.com/preview/udayavanis-supercool-project?preview=3e2de0193790334a9f91c54cdf0d0105 this is my link in which i have created a button and trying to show slider2 and linked the slider id to the button to scroll to slider when it gets open on interaction.But it is getting open on 1st click and scrolling on 2nd click.please help me to solve the problem.Iam trying this from past two days.
Alright I see what’s going on.
- Tries to scroll to
slider-6but can’t because it’s hidden
- Interaction reveals
- Scrolls to
The solution is to place your slider into a
div then give the new
div the ID instead of the slider. Make sure to remove the ID from the slider. Make sure the button is connected to the new
div under page-section settings. Then you should see the following
- Scrolls to
divand interaction reveals
That’s it. Hope that helps. Happy designing!
Thanku matthewpmunger it helped me a lot