Hi! I have a slider on my website that I’d like to display as none when the page loads which will then appear when one clicks on the corresponding button (displayed a bit above). I’ve followed the “show and hide on click” tutorial on webflow which seems to work with other elements, however not thes…

It’s working as expected. All you have to do to make your sliders display: none. This mean when page load they would not be displayed [inivisible] and than just add button action SHOW/HIDE. Because is already set not to be in DOM you do not need set initial state

Sliders as show on click do not work (already show up on page load)

Design help Animations & Interactions

DominiqueS (Dominique Schnetzer) November 12, 2020, 9:01am 6

Thank you very much @Stan , now it works!

1 Like

Topic		Replies	Views
Slider does not autoplay General	1	1829	October 8, 2021
Pop-up slider issue - display:none does not allow to click on anything on the page Animations & Interactions	0	109	April 25, 2024
Slider not sliding in modal Animations & Interactions	5	1165	March 12, 2019
Slider set to hidden when display changes to block fails to work General	0	754	May 1, 2019
Modal slider with interactions not working General	7	2078	May 21, 2018

Sliders as show on click do not work (already show up on page load)

Related topics