Edit in JSFiddle

require.config({
  baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
  require(["deliteful/ViewStack", 
           "deliteful/Button",
           "delite/theme!delite/themes/{{theme}}/global.css", // page level CSS
		   "requirejs-domready/domReady!"],
    function () {
        document.body.style.display = "";
  });
});

<button is="d-button"         
    onclick="vs.showPrevious();">Previous</button>
<button is="d-button" onclick="vs.showNext();">Next</button>
<br/>
<d-view-stack id="vs" selectedChildId="bbb">
	<div style="background-color: honeydew; " id="aaa">
		<h1>View 1</h1>
	</div>
	<div style="background-color: whitesmoke;" id="bbb">
		<h1>View 2</h1>
	</div>
	<div style="background-color: powderblue;" id=ccc>
		<h1>View 3</h1>
	</div>
	<div style="background-color: oldlace;" id="ddd">
		<h1>View 4</h1>
	</div>	
</d-view-stack>