jQuery UI Accordian Primer Tutorial
A lot of the things people like about the Web are to do with JavaScript and client-side activities. Adding to that experience are Javascript libraries packed full of features. Probably the best known of these is jQuery.
jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.[4] It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin. Used by over 55% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.[5][6]
jQuery is free, open source software, licensed under the MIT License.[7] jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.
Click on picture above to go to jQuery page for a tutorial on a UI feature of jQuery called Accordian Menus.
Link to jQuery information … via Wikipedia, from where quote above is derived.
Link to jQuery spiritual home page … via jQuery Foundation.
Link to jQuery download page … download jQuery here.
Link to jQuery UI Accordian Menu page … jQuery UI Accordian Menu (one of many jQuery UI ideas).
Download programming source code and rename to ouraccn.html … and check out the code for what other HTML pages you’d need to create … didn’t here because is a fair bit make believe … and you might have your own favourite Boy’s Name!
Did you know …
JavaScript makes a great easy-access Calculator?
Try typing the lines below into the address bar of your favourite browser:
Javascript: eval(512 / 380);
Javascript: eval(512 * 380);
Javascript: eval(512 – 380);
Javascript: eval(512 + 380);
Javascript: eval(512 % 380);
These days we spend so much time on the Internet it is a much quicker way to get to a calculator!
If this was interesting you may be interested in this too.
