Cap resum de modificació |
|||
| Línia 6: | Línia 6: | ||
<code javascript> | <code javascript> | ||
jQuery('.section h3').wrapInner('<a href="#" />') | jQuery('.section h3').wrapInner('<a href="#" />') // make the heading clickable | ||
.click( function(event) { | .click( function(event) { | ||
event.preventDefault(); | event.preventDefault(); | ||
jQuery(this).parent().find('ul.section').toggle(); | jQuery(this).parent().find('ul.section').toggle(); // toggle the content of the section | ||
}) | }) | ||
jQuery('ul.section').hide(); | jQuery('ul.section').hide(); // hide by default | ||
</code> | </code> | ||
Revisió de 16:04, 6 nov 2011
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
