source: themes/ductile/ductile.js @ 2566:9bf417837888

$(function() {
     var create_name = function(text) {

          // Convert text to lower case.
          var name = text.toLowerCase();

          // Remove leading and trailing spaces, and any non-alphanumeric
          // characters except for ampersands, spaces and dashes.
          name = name.replace(/^\s+|\s+$|[^a-z0-9&\s-]/g, '');

          // Replace '&' with 'and'.
          name = name.replace(/&/g, 'and');

          // Replaces spaces with dashes.
          name = name.replace(/\s/g, '-');

          // Squash any duplicate dashes.
          name = name.replace(/(-)+\1/g, "$1");

          return name;
     };

     var add_link = function() {

          // Convert the h2 element text into a value that
          // is safe to use in a name attribute.
          var name = create_name($(this).text());

          // Create a name attribute in the following sibling
          // to act as a fragment anchor.
          $(this).next().attr('name', name);

          // Replace the h2.toggle element with a link to the
          // fragment anchor.  Use the h2 text to create the
          // link title attribute.
          $(this).html(
               '<a href="#' + name + '" title="Reveal ' +
               $(this).text() + ' content">' +
               $(this).html() + '</a>');
     };

     var toggle = function(event) {
          event.preventDefault();

          // Toggle the 'expanded' class of the h2.toggle
          // element, then apply the slideToggle effect
          // to all siblings.
          $(this).toggleClass('expanded').
               nextAll().slideToggle('fast');
     };

     var remove_focus = function() {
       // Use the blur() method to remove focus.
       $(this).blur();
     };

     $(document).ready (function () {
          if ($(window).width() < 1024) {

               // Set toggle class to each #sidebar h2
               $("#sidebar div div h2").addClass('toggle');

               // Hide all h2.toggle siblings
               $('#sidebar div div h2').nextAll().hide();

               // Add a link to each h2.toggle element.
               $('h2.toggle').each(add_link);

               // Add a click event handler to all h2.toggle elements.
               $('h2.toggle').click(toggle);

               // Remove the focus from the link tag when accessed with a mouse.
               $('h2.toggle a').mouseup(remove_focus);
          }
     })

});