Page to appear in content slider

Question

I have a question regarding simple CSS problem. The example can be found here: http://codepen.io/design8383/pen/AyEri

My question is that when the page loads, I want 'Slide1' to appear right-away, rather than click on 'Slide1'. I know its simple and yet I can't seem to find the solution as to how do I achieve that.

So right now, when page loads, we don't see any slide pages unless we click on the link. Can somebody tell me how can I change that so when the page load, 'Slide 1' appears right away(like a main page) and then click on different links to go to different sliders.

Much appreciated.

Thanks.

Answer 1

One simple hack would be to use JavaScript to navigate to the s1 anchor on startup.

window.location.hash = "s1"

http://codepen.io/anon/pen/FlAyJ

But I'm not sure if JS is an option for you.