Accordion effect with a light weight stand-alone script


	Accordion effect with a light weight stand-alone script

rbacam

5-27-2008 10:22 PM

580 views

tags:

design, web, javascript, accordion, effect

rbacam says:

Wow! A 1 KB javascript script. Quite cool!

Add a Comment

Login to Comment. Not a member yet? Sign up

Related Clips

More clips from rbacam

Crea tu propio logo a lo twitter

¿Cómo cambia el SEO con Bing?

16 frameworks de php

Today's Top Clips

visit the Top Clips page

View the Top Clips from May 27, 2008

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/05e48c3c-113f-4303-8d11-760b16ba44cd/C14129F3-75C4-43BE-BEAC-ECB6D7F17CBA/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" style="font-size: 11px;">www.leigeber.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/"><P>This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.  I had seen a similar looking feature on the <A href="http://www.mootools.net">mootools</A> homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/C14129F3-75C4-43BE-BEAC-ECB6D7F17CBA/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from rbacam

Today's Top Clips