Untitled

dabblet.css

.card {
	width: 150px;
	background-color:lightblue;
	padding:0 10px;
}

.card h3 {
	border-bottom: solid 2px #aaa;
}

.card ul {
	list-style: none;
	padding-left:0
}

.level2 {
	display: none;
}

.level3 {
	display: none;
}

dabblet.html

<div class="card level1">
	<h3>Home</h3>
	<ul>
		<li id="print">Print</li>
		<li>Kits</li>
		<li>DIY</li>
	</ul>
</div>
<div class="card level2">
	<h3>Print</h3>
	<ul>
		<li id="invitations">Invitations</li>
		<li>Something Else</li>
		<li>Fake IDs</li>
	</ul>
</div>
<div class="card level3">
	<h3>Invitations</h3>
	<ul>
		<li>Invitation 1</li>
		<li>Invitation 2</li>
		<li>Invitation 3</li>
	</ul>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	alert('ok');
</script>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}