diff --git a/resources/pinout.css b/resources/pinout.css
index b06cac7..a486bcc 100644
--- a/resources/pinout.css
+++ b/resources/pinout.css
@@ -29,7 +29,6 @@ h2 {font-size:18px;margin-top:20px;}
 	padding:10px 0px;
 	clear:both;
 }
-.drop-down:hover .overlay {display:block;}
 .overlay-container span {
 	display:block;
 	float:left;
diff --git a/resources/pinout.js b/resources/pinout.js
index 22ac56d..8e1a026 100644
--- a/resources/pinout.js
+++ b/resources/pinout.js
@@ -1,15 +1,21 @@
 jQuery(document).ready(function(){
+	var overlay = $('.drop-down .overlay');
+	var overlay_slideUp;
 
 	$('pre').addClass('prettyprint').addClass('linenums');
 
 	window.prettyPrint&&prettyPrint();
 
-	$('.overlay').on('change',function(){
-		var url = $(this).val();
-		if( url != '' ){
-			window.location.href = '/pinout/' + url
-		}
-	})
+	$('.drop-down').on('click',function(){
+		overlay.slideDown(100);
+	});
+	$('.drop-down').hover(function(){
+		clearTimeout(overlay_slideUp);
+		overlay_slideUp = setTimeout(function(){overlay.slideDown(100);}, 200);
+	},function(){
+		clearTimeout(overlay_slideUp);
+		overlay_slideUp = setTimeout(function(){overlay.slideUp(100);}, 500);
+	});
 
 	$.gaat({
 		trackExternal: true,