| // Standard for loop in JavaScript | |
| function demonstrateLoops() { | |
| // Standard for loop | |
| console.log("Standard for loop:"); | |
| for (let i = 0; i < 5; i++) { | |
| console.log(`Iteration ${i}`); | |
| } | |
| // For...of loop (for iterables) | |
| console.log("\nFor...of loop:"); |
| <script src="http://requirejs.org/docs/release/2.1.5/comments/require.js"></script> | |
| <script type="text/javascript"> | |
| require.config({ | |
| paths: { | |
| "jquery181": "https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min" | |
| ,"jquery1112": "https://code.jquery.com/jquery-1.11.2.min" | |
| // ,"jquery213": "https://code.jquery.com/jquery-2.1.3.min" | |
| }, | |
| shim: { | |
| "jquery181": { |
| <script src="http://requirejs.org/docs/release/2.1.5/comments/require.js"></script> | |
| <script type="text/javascript"> | |
| require.config({ | |
| paths: { | |
| "jquery181": "https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min", | |
| "jquery213": "https://code.jquery.com/jquery-2.1.3.min" | |
| }, | |
| shim: { | |
| "jquery181": { | |
| exports: "jQuery" |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> | |
| <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script> | |
| <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> |
Lots of demos out there for dependent option lists... this is the approach that I like. Basically...
Collapsible fieldset via adding a CSS class to the fieldset and letting JavaScript and CSS take care of the rest.
Note: in order for this to work in Firefox I had to add a hack (see CSS for details).
Some of the credit for this comes from searching StackOverflow in particular: http://stackoverflow.com/questions/19230479/adding-icon-next-to-fieldset-legend-title-and-displaying-tooltip
This has been tested in Chrome 33.0.1750.154, IE 8.0.6001.18702, Firefox 27.0.1