derekjohnson · May 31, 2012 09:53
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS open/close menu idea
 */

 body {background: #fff;padding:0;margin:0}
 #menu {display:none}
 #menu:target {display:block;position:absolute;top:0;background:#fff}
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <body>
 <a href="#menu">&darr;</a>
 <div id="menu">
 <a href="#">&uarr;</a>
 <p>lorem</p>
 <p>ipsum</p>
 <p>dolor</p>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* CSS open/close menu idea
	*/

	body {background: #fff;padding:0;margin:0}
	#menu {display:none}
	#menu:target {display:block;position:absolute;top:0;background:#fff}
	<!-- content to be placed inside <body>…</body> -->
	<body>
	<a href="#menu">↓</a>
	<div id="menu">
	<a href="#">↑</a>
	<p>lorem</p>
	<p>ipsum</p>
	<p>dolor</p>
	</div>