Question

How to make two divs so that after clicked button old div is slade out and new div with new content is slide in?

My conception but not aligned inline:
jsfiddle

I found something similar to my conception but for my solution I need infinity loop with dynamically added content: example 1 or example 2

Answer 1

There were a few changes I made to the existing code and CSS, but this should do what you want. I also added a check to the reset button to ensure that the slideOut is not already hidden. Otherwise, the animation will unhide the element and hide it again.

It is better to put things into the jQuery $(document).ready() function to ensure that all of your elements have been loaded before trying to use them.

New Fiddle Link