source: themes/ductile/ductile.js @ 3706:170617361020

/*global $ */
'use strict';

$(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);
    }
  });

});