Categories

Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Tuesday, January 3, 2012

Accordion - 700bytes of CSS

Till date whenever you wanted to include an accordion to your site, you needed to include the jQuery file and call the javascript functions. But now all that can be done without the jQuery and the javascript functions. So you can take out the 200KB of .js files from your site base and put in just a css file 800bytes long. In this example, I have used CSS to create a crude accordion, which works just when you hover on the topic. You can put in anything you wanted into the slides, starting from normal content, to images, tables, and even a HTML5 canvas for that matter. Animation can be included too. I'm currently working on it. A more sophisticated accordion will be available soon.

No comments:

Post a Comment