Slide content to the right

by definaly

HTML

<button id="button"> Click me </button>

<div class="content">

</div>

CSS

.content{
  position: absolute;
  width: 90%;
  height: 90%;
  background-color: purple;
}

JavaScript

$('#button').click(function(){
    var content = $('.content');
    
    content.hide('slide', {direction:'left'} ,400);
    
    content.innerHTML = "<h3>Page One</h3>";

    content.show('slide', {direction:'right'} ,400);
    
});