API docs: Make validate() options linkable

Use anchorify plugin to generate anchors on the client side. Uses
some extra CSS to only show them on hover of the option name.

Fixes jquery-validation/jquery-validation#1034

Author: jzaefferer

anchorify.min.js

@@ -1,6 +1,9 @@
-// TODO convert to a WP plugin?
-
 (function() {
+	// silly selector to match only the options for the validate() method
+	$(".signature ul ul div > strong").anchorify({
+		position: "prepend"
+	});
+
 	$( ".entry-example" ).each(function() {
 		var iframeSrc,
 			src = $( this ).find( ".syntaxhighlighter" ),

api-demo.js

@@ -1,6 +1,7 @@
 <?php
 function scripts() {
     echo '<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>' . "\n";
+    echo '<script src="' . get_stylesheet_directory_uri() . '/anchorify.min.js"></script>' . "\n";
     echo '<script src="' . get_stylesheet_directory_uri() . '/api-demo.js"></script>' . "\n";
 }
 add_action( 'wp_footer', 'scripts' );

functions.php

@@ -9,6 +9,15 @@ Description: jQuery Validation Plugin Theme based on twentytwelve
 
 @import url("../twentytwelve/style.css");
 
+/* show anchor on hover, adjust offset */
+strong[id] .anchor-link {
+	margin-left: -9px;
+	visibility: hidden;
+}
+strong[id]:hover .anchor-link {
+	visibility: inherit;
+}
+
 /* Syntax Highlighting ---------------------- */
 
 pre, code {