Note: You are currently viewing documentation for Moodle 3.6. Up-to-date documentation for the latest stable version of Moodle is likely available here: Frank Ralf/jQuery.

User:Frank Ralf/jQuery: Difference between revisions

From MoodleDocs
(Created page with "Some examples and proof of concept for using jQuery for enhancing Moodle usability. == Collapsible course list == <syntaxhighlight lang="javascript"> jQuery('.section h3').wrap...")
 
Line 9: Line 9:
     jQuery(this).parent().find('ul.section').toggle();
     jQuery(this).parent().find('ul.section').toggle();
})
})
jQuery('ul.section').hide();
</syntaxhighlight>
</syntaxhighlight>
jQuery('ul.section').hide();

Revision as of 16:00, 6 November 2011

Some examples and proof of concept for using jQuery for enhancing Moodle usability.

Collapsible course list

jQuery('.section h3').wrapInner('<a href="#" />')
  .click( function(event) {
    event.preventDefault();
    jQuery(this).parent().find('ul.section').toggle();
})
jQuery('ul.section').hide();