Also apply anchors to headers. Replace anchorify with non-minified patched version to deal with nested nodes

Author: jzaefferer

anchorify.min.js

@@ -2,4 +2,91 @@
  * William DURAND <william.durand1@gmail.com>
  * MIT Licensed
  */
-(function(a,c){var b=(function(){var d=/[ ;,.'?!_]/g;function f(i){return i.trim().replace(d,"-").replace(/[-]+/g,"-").replace(/-$/,"").toLowerCase()}function g(i){var k=1,j=i;while(a.getElementById(i)){i=j+"-"+k++}return i}function e(k){var l;for(var j=0;j<k.childNodes.length;j++){l=k.childNodes[j];if(l.nodeType===Node.TEXT_NODE){return l.nodeValue}}}return function h(m,l){var n=l.text||"&para;",k=l.cssClass||"anchor-link",o=l.skipExisting;var r,q,p;for(var j=0;j<m.length;j++){r=m[j];if(r.id&&o){continue}r.id=r.id||g(f(e(r)));p=a.createElement("a");p.className=k;p.href="#"+r.id;p.innerHTML=n;if(l.position=="prepend"){r.insertBefore(p,r.firstChild)}else{r.appendChild(p)}}}})();if(typeof c!=="undefined"){c.fn.anchorify=function(d){b(c(this).get(),d||{});return this}}else{window.anchorify=function(e){e=e||{};var d=a.querySelectorAll(e.sel||"h1, h2, h3, h4, h5");return b(d,e)}}})(document,jQuery);
+(function (document, $) {
+    "use strict";
+
+    var anchorify = (function() {
+        var _specialCharsRegex = /[ ;,.'?!_]/g;
+
+        function generateId(text) {
+            return text
+                .trim()
+                .replace(_specialCharsRegex, '-')
+                .replace(/[-]+/g, '-')
+                .replace(/-$/, '')
+                .toLowerCase();
+        }
+
+        function uniqId(id) {
+            var inc = 1,
+                originalId = id;
+
+            while (document.getElementById(id)) {
+                id = originalId + '-' + inc++;
+            }
+
+            return id;
+        }
+
+        function getText( elems ) {
+            var ret = "", elem;
+
+            for ( var i = 0; elems[i]; i++ ) {
+                elem = elems[i];
+
+                // Get the text from text nodes and CDATA nodes
+                if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+                    ret += elem.nodeValue;
+
+                // Traverse everything else, except comment nodes
+                } else if ( elem.nodeType !== 8 ) {
+                    ret += getText( elem.childNodes );
+                }
+            }
+
+            return ret;
+        }
+
+        return function anchorify(els, options) {
+            var text = options.text || '&para;',
+                cssClass = options.cssClass || 'anchor-link',
+                skipExisting = options.skipExisting;
+
+            var el, id, anchor;
+
+            for (var i = 0; i < els.length; i++) {
+                el = els[i];
+                if (el.id && skipExisting) {
+                    continue;
+                }
+                el.id = el.id || uniqId(generateId(getText([el])));
+
+                anchor = document.createElement('a');
+                anchor.className = cssClass;
+                anchor.href = '#' + el.id;
+                anchor.innerHTML = text;
+
+                if (options.position == 'prepend') {
+                    el.insertBefore(anchor, el.firstChild);
+                } else {
+                    el.appendChild(anchor);
+                }
+            }
+        };
+    })();
+
+    if (typeof $ !== 'undefined') {
+        $.fn.anchorify = function (options) {
+            anchorify($(this).get(), options || {});
+
+            return this;
+        };
+    } else {
+        window.anchorify = function(options) {
+            options = options || {};
+            var els = document.querySelectorAll(options.sel || 'h1, h2, h3, h4, h5');
+
+            return anchorify(els, options);
+        };
+    }
+})(document, jQuery);

api-demo.js

@@ -1,8 +1,4 @@
 (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,
@@ -48,4 +44,9 @@
 		doc.write( iframeSrc );
 		doc.close();
 	});
+
+	// silly selector to match only the options for the validate() method
+	$("#content").find(".signature ul ul div > strong, h1, h2, h3, h4, h5").anchorify({
+		position: "prepend"
+	});
 }());

style.css

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