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

User:Frank Ralf/jQuery

From MoodleDocs
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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

You can try those code snippets without changing your Moodle installation by using the Firebug extension FireQuery.

Collapsible course list

jQuery('.section h3').wrapInner('<a href="#" />') // make the heading clickable

 .click( function(event) {
   event.preventDefault();
   jQuery(this).parent().find('ul.section').toggle();  // toggle the content of the section

}) jQuery('ul.section').hide(); // hide by default