Site - No-JS expander

index.html

@@ -245,7 +245,8 @@
 			<h2>New in 1.1 - TBA</h2>
 			<ul class="whats-new">
 			<li>We now have 18 stable apps and 35 in labs.
-				<a href="#" data-target="#new-apps" class="expander">New since 1.0.1 ▼</a>
+				<label for="news-expander"><a>New since 1.0.1 ▼</a></label>
+				<input type="checkbox" id="news-expander">
 				<ul class="collapsed" id="new-apps">
 				<li><a href="architecture-examples/dart/web/">Dart</a></li>
 				<li><a href="labs/architecture-examples/typescript-backbone/">TypeScript + Backbone.js</a></li>

site/css/main.css

@@ -202,7 +202,11 @@ p .label {
 	transition: max-height 1s;
 }
 
-.collapsed.expanded {
+#news-expander {
+	display: none;
+}
+
+#news-expander:checked ~ .collapsed {
 	max-height: 999px;
 }
 

site/js/main.js

@@ -132,19 +132,9 @@
 		});
 	};
 
-	$.fn.expander = function () {
-		this.click(function (ev) {
-			ev.preventDefault();
-			$($(this).data('target')).toggleClass('expanded');
-		});
-	};
-
 	// Apps popover
 	$('.applist a').persistantPopover();
 
-	// What's new expander
-	$('.expander').expander();
-
 	// Quotes
 	$('.quotes').quote([{
 		quote: 'TodoMVC is a godsend for helping developers find what well-developed frameworks match their mental model of application architecture.',