When first clicking slide 1, then slide 2, slide 3 and finally slide 4, everything works as expected. But when you refresh the page and for example click slide 2 and then slide 1, you see that slide 1 is out of position.
What can I do to fix this?
NOTE: I want to preserve the width of each slide. I don't want to make each slide the same length.
When having this setup, the slides aren't positioned correctly. Here is the code. I also made a jsfiddle to demonstrate this behavior.
When first clicking slide 1, then slide 2, slide 3 and finally slide 4, everything works as expected. But when you refresh the page and for example click slide 2 and then slide 1, you see that slide 1 is out of position.
What can I do to fix this?
NOTE: I want to preserve the width of each slide. I don't want to make each slide the same length.