<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>AAHome.net &#187; JavaScript</title>
	<atom:link href="http://aahome.net/tags/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://aahome.net</link>
	<description>Where the wonder begins</description>
	<lastBuildDate>Mon, 23 Nov 2009 19:17:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>240 cool jQuery plugins</title>
		<link>http://aahome.net/2009/08/240-cool-jquery-plugins/</link>
		<comments>http://aahome.net/2009/08/240-cool-jquery-plugins/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 09:00:12 +0000</pubDate>
		<dc:creator>alleycat</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://aahome.net/?p=148</guid>
		<description><![CDATA[ 
240 cool jQuery plugins
jQuery is my life-saver! I&#8217;ve tried YUI, Prototype but really fell in love with this  lightweight JavaScript library. Well, it&#8217;s not so lightweight actually, but who cares much about a little scar on his lover&#8217;s face? With jQuery, everything in this WWW chaos becomes so amazingly simple!
The 240 cool jQuery plugins below will [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: tahoma; font-size: 13px;"> </span></p>
<p style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;" align="center"><strong><span style="font-size: 16pt; font-family: Arial; color: #ff0000;">240 cool jQuery plugins</span></strong></p>
<p><a title="jQuery" href="http://jquery.com" target="_blank">jQuery</a> is my life-saver! I&#8217;ve tried YUI, Prototype but really fell in love with this  lightweight JavaScript library. Well, it&#8217;s not so lightweight actually, but who cares much about a little scar on his lover&#8217;s face? With <a title="jQuery" href="http://jquery.com" target="_blank">jQuery</a>, everything in this WWW chaos becomes so amazingly simple!</p>
<p>The 240 cool <a title="jQuery" href="http://jquery.com" target="_blank">jQuery</a> plugins <span>below </span>will blow your mind away. At least some.</p>
<p><span style="font-family: tahoma; font-size: 13px;"><span id="more-148"></span> <strong>Form Validation</strong></span></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">jQuery Validation</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.dyve.net/jquery/?autohelp" target="_blank">Auto Help</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html" target="_blank">Simple jQuery form validation</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html" target="_blank">jQuery XAV &#8211; form validations</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://itgroup.com.ph/alphanumeric/" target="_blank">jQuery AlphaNumeric</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://digitalbush.com/projects/masked-input-plugin" target="_blank">Masked Input</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx" target="_blank">TypeWatch Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/TextLimiter" target="_blank">Text limiter for form fields</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.shawngo.com/gafyd/index.html" target="_blank">Ajax Username Check with jQuery</a>.</li>
</ul>
<p><strong>File upload</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/" target="_blank">Ajax File Upload</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.pixeline.be/experiments/jqUploader/" target="_blank">jQUploader</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.fyneworks.com/jquery/multiple-file-upload/" target="_blank">Multiple File Upload plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.appelsiini.net/projects/filestyle" target="_blank">jQuery File Style</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/InputFileCSS" target="_blank">Styling an input type file</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://digitalbush.com/projects/progress-bar-plugin" target="_blank">Progress Bar Plugin</a>.</li>
</ul>
<p><strong>Form &#8211; Select Box stuff</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx" target="_blank">jQuery Combobox</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ajaxray.com/blog/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/" target="_blank">jQuery controlled dependent (or Cascadign) Select List</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.google.com/p/jqmultiselects/" target="_blank">Multiple Selects</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/select/" target="_blank">Select box manipulation</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.google.com/p/jqueryselectcombo/" target="_blank">Select Combo Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.msxhost.com/jquery/linked-selects/json/%20target=" target="_blank">jQuery &#8211; LinkedSelect</a></li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/" target="_blank">Auto-populate multiple select boxes</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.sitespotting.it/esempi/002/" target="_blank">Choose Plugin (Select Replacement)</a>.</li>
</ul>
<p><strong>Form Basics, Input Fields, Checkboxes etc.</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.malsup.com/jquery/form/" target="_blank">jQuery Form Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.handlino.com/wiki/jquery-form" target="_blank">jQuery-Form</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://envero.org/jlook/" target="_blank">jLook Nice Forms</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.whitespace-creative.com/jquery/jNice/" target="_blank">jNice</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.brainfault.com/2007/07/07/pin-plugin-reloaded/" target="_blank">Ping Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/" target="_blank">Toggle Form Text</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://thoughts.kuzemchak.net/entry/toggleval-for-jquery/" target="_blank">ToggleVal</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.pengoworks.com/workshop/jquery/field.plugin.htm" target="_blank">jQuery Field Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.befruit.com/" target="_blank">jQuery Form’n Field plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/checkboxes/" target="_blank">jQuery Checkbox manipulation</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.alcoholwang.cn/jquery/jTaggingDemo.htm" target="_blank">jTagging</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.google.com/p/labelcheck/" target="_blank">jQuery labelcheck</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/" target="_blank">Overlabel</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.amicoimmaginario.it/2007/08/28/jquery-plugin-3-state-radio-buttons/" target="_blank">3 state radio buttons</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/" target="_blank">ShiftCheckbox jQuery Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://digitalbush.com/projects/watermark-input-plugin" target="_blank">Watermark Input</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://kawika.org/jquery/checkbox/" target="_blank">jQuery Checkbox (checkboxes with imags)</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.softwareunity.com/sandbox/jqueryspinbtn/" target="_blank">jQuery SpinButton Control</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.phpletter.com/form_builder/demo.html" target="_blank">jQuery Ajax Form Builder</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/focusfields/" target="_blank">jQuery Focus Fields</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://home.iprimus.com.au/kbwood/jquery/timeEntry.html" target="_blank">jQuery Time Entry</a>.</li>
</ul>
<p><strong>Time, Date and Color Picker</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://marcgrabanski.com/code/ui-datepicker/" target="_blank">jQuery UI Datepicker</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://kelvinluck.com/assets/jquery/datePicker/" target="_blank">jQuery date picker plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.google.com/p/jquery-timepicker/" target="_blank">jQuery Time Picker</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/timepicker/" target="_blank">Time Picker</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.oakcitygraphics.com/jquery/clockpick/ClockPick.cfm" target="_blank">ClickPick</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://labs.perifer.se/timedatepicker/" target="_blank">TimePicker</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://acko.net/dev/farbtastic" target="_blank">Farbtastic jQuery Color Picker Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.intelliance.fr/jquery/color_picker/" target="_blank">Color Picker by intelliance.fr</a>.</li>
</ul>
<p><strong>Rating Plugins</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/#" target="_blank">jQuery Star Rating Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.m3nt0r.de/devel/raterDemo/" target="_blank">jQuery Star Rater</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://riderdesign.com/articles/displayarticle.aspx?articleid=21" target="_blank">Content rater with asp.net, ajax and jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.learningjquery.com/2007/05/half-star-rating-plugin" target="_blank">Half-Star Rating Plugin</a>.</li>
</ul>
<p><strong>Search Plugins</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/" target="_blank">jQuery Suggest</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" target="_blank">jQuery Autocomplete</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm" target="_blank">jQuery Autocomplete Mod</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html" target="_blank">jQuery Autocomplete by AjaxDaddy</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.reach1to1.net/saurabh/jplugins/autocomplete/" target="_blank">jQuery Autocomplete Plugin with HTML formatting</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://interface.eyecon.ro/docs/autocomplete" target="_blank">jQuery Autocompleter</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://nodstrum.com/2007/09/19/autocompleter/" target="_blank">AutoCompleter (Tutorial with PHP&amp;MySQL)</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://rikrikrik.com/jquery/quicksearch/" target="_blank">quick Search jQuery Plugin</a>.</li>
</ul>
<p><strong>Inline Edit &amp; Editors</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jaysalvat.com/jquery/jtageditor/" target="_blank">jTagEditor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://demo.wymeditor.org/demo.html" target="_blank">WYMeditor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://garage.pimentech.net/scripts_doc_jquery_jframe/" target="_blank">jQuery jFrame</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.appelsiini.net/projects/jeditable" target="_blank">Jeditable &#8211; edit in place plugin for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.dyve.net/jquery/?editable" target="_blank">jQuery editable</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jdempster.com/category/jquery/disableTextSelect/" target="_blank">jQuery Disable Text Select Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/" target="_blank">Edit in Place with Ajax using jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://davehauenstein.com/blog/archives/28" target="_blank">jQuery Plugin &#8211; Another In-Place Editor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank">TableEditor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://joshhundley.com/teditable-in-place-editing-for-tables/" target="_blank">tEditable &#8211; in place table editing for jQuery</a>.</li>
</ul>
<p><strong><a style="color: blue; text-decoration: none;" href="http://adv08.edintorni.net/affiliati/click/?q=audio+video&amp;a=3702&amp;e=1&amp;y=7&amp;j=28D75B2B7EBDE7DCE0D344D0E4321F09http%3A%2F%2Fadvertiser%2Eedintorni%2Enet%2Fredirect%2Easp%3FidG%3D10176%26idA%3D89788%26query%3Daudio%2Bvideo%26cpk%3Dm%26idU%3D218%26location%3Dhttp%253A%252F%252Ffeed%252Eedintorni%252Enet%252Fkelkoo%252Fredir%252Easp%253Fid%253D6552523127601ita781c012af60a8d4f1adc0d8ad9be8be%2526query%253Daudio%252Bvideo%2526country%253Dit%2526category%253D127601%2526merchant%253D6552523%2526operator%253Dand&amp;r=&amp;x=1224041754765&amp;z=tt.lh.DC3EB55CCA2C1BA7CA1F7E834B30D46A&amp;i=336" target="_blank">Audio</a>,<span> </span><a style="color: blue; text-decoration: none;" href="http://adv08.edintorni.net/affiliati/click/?q=audio+video&amp;a=3702&amp;e=1&amp;y=7&amp;j=28D75B2B7EBDE7DCE0D344D0E4321F09http%3A%2F%2Fadvertiser%2Eedintorni%2Enet%2Fredirect%2Easp%3FidG%3D10176%26idA%3D89788%26query%3Daudio%2Bvideo%26cpk%3Dm%26idU%3D218%26location%3Dhttp%253A%252F%252Ffeed%252Eedintorni%252Enet%252Fkelkoo%252Fredir%252Easp%253Fid%253D6552523127601ita781c012af60a8d4f1adc0d8ad9be8be%2526query%253Daudio%252Bvideo%2526country%253Dit%2526category%253D127601%2526merchant%253D6552523%2526operator%253Dand&amp;r=&amp;x=1224041754765&amp;z=tt.lh.DC3EB55CCA2C1BA7CA1F7E834B30D46A&amp;i=336" target="_blank">Video</a>, Flash, SVG, etc</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.contentwithstructure.com/extras/jmedia" target="_blank">jMedia &#8211; accessible multi-media embedding</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sourceforge.net/projects/jbedit/" target="_blank">JBEdit &#8211; Ajax online Video Editor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.sean-o.com/jquery/jmp3/" target="_blank">jQuery MP3 Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://malsup.com/jquery/media/" target="_blank">jQuery Media Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.lukelutman.com/plugins/flash/index.html" target="_blank">jQuery Flash Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.solitude.dk/archives/embedquicktime/" target="_blank">Embed QuickTime</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://keith-wood.name/svg.html" target="_blank">SVG Integration</a>.</li>
</ul>
<p><strong>Photos/Images/Galleries</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/demo/thickbox/" target="_blank">ThickBox</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">jQuery lightBox plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/" target="_blank">jQuery Image Strip</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html" target="_blank">jQuery slideViewer</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/" target="_blank">jQuery jqGalScroll 2.0</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/" target="_blank">jQuery &#8211; jqGalViewII</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/" target="_blank">jQuery &#8211; jqGalViewIII</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://opiefoto.com/articles/photoslider" target="_blank">jQuery Photo Slider</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://joanpiedra.com/jquery/thumbs/" target="_blank">jQuery Thumbs &#8211; easily create thumbnails</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/jQIR/" target="_blank">jQuery jQIR Image Replacement</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#what" target="_blank">jCarousel Lite</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://projects.sevir.org/storage/jpanview/index.html" target="_blank">jQPanView</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sorgalla.com/projects/jcarousel/#Examples" target="_blank">jCarousel</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.intelliance.fr/jquery/imagebox/" target="_blank">Interface Imagebox</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections/" target="_blank">Image Gallery using jQuery, Interface &amp; Reflactions</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://realazy.org/lab/jquery/j-gallery/" target="_blank">simple jQuery Gallery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://chicagosocial.com/gallery/" target="_blank">jQuery Gallery Module</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.eogallery.com/" target="_blank">EO Gallery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow" target="_blank">jQuery ScrollShow</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.malsup.com/jquery/cycle/" target="_blank">jQuery Cycle Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.projectatomic.com/en/flickr.htm" target="_blank">jQuery Flickr</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin" target="_blank">jQuery Lazy Load Images Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.sunsean.com/zoomi/" target="_blank">Zoomi &#8211; Zoomable Thumbnails</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop" target="_blank">jQuery Crop &#8211; crop any image on the fly</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/reflection" target="_blank">Image Reflection</a>.</li>
</ul>
<p><strong>Google Map</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.dyve.net/jquery/?googlemaps" target="_blank">jQuery Plugin googlemaps</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://code.google.com/p/jmaps/" target="_blank">jMaps jQuery Maps Framework</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://projects.sevir.org/storage/jqmaps/index.html" target="_blank">jQmaps</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://olbertz.de/jquery/googlemap.html#" target="_blank">jQuery &amp; Google Maps</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://snippets.dzone.com/posts/show/4361" target="_blank">jQuery Maps Interface forr Google and Yahoo maps</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://webrocket.ulmb.com/jmaps/" target="_blank">jQuery J Maps &#8211; by Tane Piper</a>.</li>
</ul>
<p><strong>Games</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://fmarcia.info/jquery/tetris/tetris.html" target="_blank">Tetris with jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://64squar.es/" target="_blank">jQuery Chess</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.bennadel.com/blog/623-jQuery-Demo-Mad-Libs-Word-Game.htm" target="_blank">Mad Libs Word Game</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.alexatnet.com/node/68" target="_blank">jQuery Puzzle</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html" target="_blank">jQuery Solar System (not a game but awesome jQuery Stuff)</a>.</li>
</ul>
<p><strong>Tables, Grids etc.</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://docs.jquery.com/Plugins/Tablesorter" target="_blank">UI/Tablesorter</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.reconstrukt.com/ingrid/" target="_blank">jQuery ingrid</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.trirand.com/blog/?p=13" target="_blank">jQuery Grid Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm" target="_blank">Table Filter &#8211; awesome!</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank">TableEditor</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.hanpau.com/jquery/unobtrusivetreetable.php" target="_blank">jQuery Tree Tables</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.javascripttoolbox.com/jquery/#expandablerows" target="_blank">Expandable “Detail” Table Rows</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.remotesynthesis.com/blog/index.cfm/2007/9/25/Sortable-Table-ColdFusion-Custom-Tag-with-jQueryUI" target="_blank">Sortable Table ColdFusion Costum Tag with jQuery UI</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://flesler.blogspot.com/2007/10/jquerybubble.html" target="_blank">jQuery Bubble</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://tablesorter.com/docs/" target="_blank">TableSorter</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.webtoolkit.info/demo/jquery/scrollable/demo.html" target="_blank">Scrollable HTML Table</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html" target="_blank">jQuery column Manager Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html" target="_blank">jQuery tableHover Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html" target="_blank">jQuery columnHover Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://makoomba.altervista.org/grid/" target="_blank">jQuery Grid</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/" target="_blank">TableSorter plugin for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://joshhundley.com/teditable-in-place-editing-for-tables/" target="_blank">tEditable &#8211; in place table editing for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.hovinne.com/dev/jquery/chartotable/" target="_blank">jQuery charToTable Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ita.es/jquery/jquery.grid.columnSizing.htm" target="_blank">jQuery Grid Column Sizing</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ita.es/jquery/jquery.grid.rowSizing.htm" target="_blank">jQuery Grid Row Sizing</a>.</li>
</ul>
<p><strong>Charts, Presentation etc.</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/" target="_blank">jQuery Wizard Plugin<span> </span></a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.reach1to1.com/sandbox/jquery/jqchart/" target="_blank">jQuery Chart Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://ejohn.org/apps/speed/" target="_blank">Bar Chart</a>.</li>
</ul>
<p><strong>Border, Corners, Background</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.malsup.com/jquery/corner/" target="_blank">jQuery Corner</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery" target="_blank">jQuery Curvy Corner</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.jquery.com/%7Epaul/plugins/nifty/example.html" target="_blank">Nifty jQuery Corner</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://illandril.net/jQuery/transparentCorners/" target="_blank">Transparent Corners</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.methvin.com/jquery/jq-corner.html" target="_blank">jQuery Corner Gallery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.brandonaaron.net/my-jquery-plugins/gradient/" target="_blank">Gradient Plugin</a>.</li>
</ul>
<p><strong>Text and Links</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://wanderinghorse.net/computing/javascript/jquery/spoilers/demo.html" target="_blank">jQuery Spoiler plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html" target="_blank">Text Highlighting</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jdempster.com/category/jquery/disableTextSelect/" target="_blank">Disable Text Select Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/newsticker/" target="_blank">jQuery Newsticker</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ollicle.com/2007/jun/03/jquery_lineheight_flexible.html" target="_blank">Auto line-height Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://agencenp.net/textgrad/textgrad.html" target="_blank">Textgrad &#8211; a text gradient plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://kawika.org/jquery/linklook/" target="_blank">LinkLook &#8211; a link thumbnail preview</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://rikrikrik.com/jquery/pager/#examples" target="_blank">pager jQuery Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://rikrikrik.com/jquery/shortkeys/" target="_blank">shortKeys jQuery Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ollicle.com/eg/jquery/biggerlink" target="_blank">jQuery Biggerlink</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://troy.dyle.net/linkchecker/" target="_blank">jQuery Ajax Link Checker</a>.</li>
</ul>
<p><strong>Tooltips</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" target="_blank">jQuery Plugin &#8211; Tooltip</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.codylindley.com/blogstuff/js/jtip/" target="_blank">jTip &#8211; The jQuery Tool Tip</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://examples.learningjquery.com/62/demo/index.html#examplesection" target="_blank">clueTip</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://edgarverle.com/BetterTip/default.cfm" target="_blank">BetterTip</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://ioreader.com/2007/05/15/flash-tooltips-using-jquery/" target="_blank">Flash Tooltips using jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.texotela.co.uk/code/jquery/tooltipdemo/" target="_blank">ToolTip</a>.</li>
</ul>
<p><strong>Menus, Navigations</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://stilbuero.de/jquery/tabs_3/" target="_blank">jQuery Tabs Plugin &#8211; awesome!<span> </span></a>. [<a style="color: blue; text-decoration: none;" href="http://stilbuero.de/jquery/tabs_3/nested.html" target="_blank">demo nested tabs</a>.]</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo" target="_blank">another jQuery nested Tab Set example (based on jQuery Tabs Plugin)</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.sunsean.com/idTabs/" target="_blank">jQuery idTabs</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jdsharp.us/jQuery/plugins/jdMenu/" target="_blank">jdMenu &#8211; Hierarchical Menu Plugin for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://be.twixt.us/jquery/suckerFish.php" target="_blank">jQuery SuckerFish Style</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/" target="_blank">jQuery Plugin Treeview</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://be.twixt.us/jquery/treeView.php" target="_blank">treeView Basic</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://labs.activespotlight.net/jQuery/menu_demo.html" target="_blank">FastFind Menu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/" target="_blank">Sliding Menu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://gmarwaha.com/blog/?p=7" target="_blank">Lava Lamp jQuery Menu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://icon.cat/wiki/IconDock_En#iconDock_jQuery_Plugin" target="_blank">jQuery iconDock</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://cherne.net/brian/resources/jquery.variations.html" target="_blank">jVariations Control Panel</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.trendskitchens.co.nz/jquery/contextmenu/" target="_blank">ContextMenu plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://p.sohei.org/jquery-plugins/clickmenu/" target="_blank">clickMenu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ndesign-studio.com/blog/mac/css-dock-menu" target="_blank">CSS Dock Menu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/" target="_blank">jQuery Pop-up Menu Tutorial</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/" target="_blank">Sliding Menu</a>.</li>
</ul>
<p><strong>Accordions, Slide and Toggle stuff</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/" target="_blank">jQuery Plugin Accordion</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://fmarcia.info/jquery/accordion.html" target="_blank">jQuery Accordion Plugin Horizontal Way</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html" target="_blank">haccordion &#8211; a simple horizontal accordion plugin for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.portalzine.de/index?/Horizontal_Accordion--print" target="_blank">Horizontal Accordion by portalzine.de</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://berndmatzner.de/jquery/hoveraccordion/" target="_blank">HoverAccordion</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://fmarcia.info/jquery/accordion.html" target="_blank">Accordion Example from fmarcia.info</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php" target="_blank">jQuery Accordion Example</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/files/demo/dl-done.html" target="_blank">jQuery Demo &#8211; Expandable Sidebar Menu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.andreacfm.com/examples/jQpanels/" target="_blank">Sliding Panels for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.andreaseberhard.de/toggleElements/" target="_blank">jQuery ToggleElements</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ndoherty.com/demos/coda-slider/" target="_blank">Coda Slider</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sorgalla.com/projects/jcarousel/#Examples" target="_blank">jCarousel</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.reindel.com/accessible_news_slider/" target="_blank">Accesible News Slider Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://icant.co.uk/sandbox/jquerycodeview/" target="_blank">Showing and Hiding code Examples</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://gsgd.co.uk/sandbox/jquery/easing/" target="_blank">jQuery Easing Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sonspring.com/journal/jquery-portlets" target="_blank">jQuery Portlets</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jdsharp.us/jQuery/plugins/AutoScroll/" target="_blank">AutoScroll</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://medienfreunde.com/lab/innerfade/" target="_blank">Innerfade</a>.</li>
</ul>
<p><strong>Drag and Drop</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://docs.jquery.com/UI/Draggables" target="_blank">UI/Draggables</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/" target="_blank">EasyDrag jQuery Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://sonspring.com/journal/jquery-portlets" target="_blank">jQuery Portlets</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.iceburg.net/jquery/jqDnR/" target="_blank">jqDnR &#8211; drag, drop resize</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://interface.eyecon.ro/demos/drag.html" target="_blank">Drag Demos</a>.</li>
</ul>
<p><strong>XML XSL JSON Feeds</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jongma.org/webtools/jquery/xslt/" target="_blank">XSLT Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/" target="_blank">jQuery Ajax call and result XML parsing</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/xmlObjectifier" target="_blank">xmlObjectifier &#8211; Converts XML DOM to JSON</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.glyphix.com/" target="_blank">jQuery XSL Transform</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://malsup.com/jquery/taconite/" target="_blank">jQuery Taconite &#8211; multiple Dom updates</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.hovinne.com/blog/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin" target="_blank">RSS/ATOM Feed Parser Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.malsup.com/jquery/gfeed/" target="_blank">jQuery Google Feed Plugin</a>.</li>
</ul>
<p><strong>Browserstuff</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/" target="_blank">Wresize &#8211; IE Resize event Fix Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.khurshid.com/ifixpng.php" target="_blank">jQuery ifixpng</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.andreaseberhard.de/pngFix/" target="_blank">jQuery pngFix</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.crismancich.de/jquery/plugins/linkscrubber/" target="_blank">Link Scrubber &#8211; removes the dotted line onfocus from links</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.matthewjrichards.co.uk/articles/2007/06/25/jquery-perciformes-the-entire-suckerfish-familly-under-one-roof" target="_blank">jQuery Perciformes &#8211; the entire suckerfish familly under one roof</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/" target="_blank">Background Iframe</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/QinIE" target="_blank">QinIE &#8211; for proper display of Q tags in IE</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://webrocket.ulmb.com/ability/" target="_blank">jQuery Accessibility Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ogonek.net/mousewheel/jquery-demo.html" target="_blank">jQuery MouseWheel Plugin</a>.</li>
</ul>
<p><strong>Alert, Prompt, Confirm Windows</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://trentrichardson.com/Impromptu/" target="_blank">jQuery Impromptu</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://nadiaspot.com/jquery/confirm" target="_blank">jQuery Confirm Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://dev.iceburg.net/jquery/jqModal/" target="_blank">jqModal</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.ericmmartin.com/projects/simplemodal/" target="_blank">SimpleModal</a>.</li>
</ul>
<p><strong>CSS</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery" target="_blank">jQuery Style Switcher</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://andykent.bingodisk.com/bingo/public/jss/" target="_blank">JSS &#8211; Javascript StyleSheets</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://flesler.blogspot.com/2007/11/jqueryrule.html" target="_blank">jQuery Rule &#8211; creation/manipulation of CSS Rules</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.designerkamal.com/jPrintArea/" target="_blank">jPrintArea</a>.</li>
</ul>
<p><strong>DOM, Ajax and other jQuery plugins</strong></p>
<ul>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://flydom.socianet.com/" target="_blank">FlyDOM</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://brandonaaron.net/docs/dimensions/#getting-started" target="_blank">jQuery Dimenion Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://happygiraffe.net/blog/articles/2007/09/26/jquery-logging" target="_blank">jQuery Loggin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.com/plugins/project/metadata" target="_blank">Metadata &#8211; extract metadata from classes, attributes, elements</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html" target="_blank">Super-tiny Client-Side Include Javascript jQuery Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://humanized.com/weblog/2007/09/14/undo-made-easy-with-ajax-part-1/" target="_blank">Undo Made Easy with Ajax</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jasons-toolbox.com/JHeartbeat/" target="_blank">JHeartbeat &#8211; periodically poll the server</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.appelsiini.net/projects/lazyload" target="_blank">Lazy Load Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/" target="_blank">Live Query</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquery.offput.ca/every/" target="_blank">jQuery Timers</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.joanpiedra.com/jquery/shareit/" target="_blank">jQuery Share it &#8211; display social bookmarking icons</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.jdempster.com/category/code/jquery/cookiejar/" target="_blank">jQuery serverCookieJar</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://ideamill.synaptrixgroup.com/?p=3" target="_blank">jQuery autoSave</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.semicomplete.com/blog/geekery/jquery-interface-puffer.html" target="_blank">jQuery Puffer</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://33rockers.com/jquery/iframe-demo/" target="_blank">jQuery iFrame Plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/" target="_blank">Cookie Plugin for jQuery</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://leftlogic.com/lounge/articles/jquery_spy2" target="_blank">jQuery Spy &#8211; awesome plugin</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.learningjquery.com/2007/01/effect-delay-trick" target="_blank">Effect Delay Trick</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://jquick.sullof.com/jquick/" target="_blank">jQuick &#8211; a quick tag creator for jQuery</a>.<a style="color: blue; text-decoration: none;" href="http://noteslog.com/post/metaobjects-11-released-today/" target="_blank"><br />
</a></li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://noteslog.com/post/metaobjects-11-released-today/" target="_blank">Metaobjects</a>.</li>
<li style="font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"><a style="color: blue; text-decoration: none;" href="http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/" target="_blank">elementReady</a>.</li>
</ul>
<p><em>(Source:<span> </span></em><a style="color: blue; text-decoration: none;" href="http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/" target="_blank"><em>http://www.kollermedia.at</em></a><em>)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://aahome.net/2009/08/240-cool-jquery-plugins/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>A jQuery-based vertical accordion menu</title>
		<link>http://aahome.net/2009/07/a-simple-vertical-accordion-menu/</link>
		<comments>http://aahome.net/2009/07/a-simple-vertical-accordion-menu/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 07:43:42 +0000</pubDate>
		<dc:creator>alleycat</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[accordion]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[sliding]]></category>

		<guid isPermaLink="false">http://aahome.net/?p=11</guid>
		<description><![CDATA[After digging around for a good menu for my intranet website, I decided to build up my own as I found the div toggling function in jQuery. Yes, with jQuery.slideToggle() and just a few lines of code, you could create a stunning vertical accordion-like menu in minutes. Just play around with the menu below and [...]]]></description>
			<content:encoded><![CDATA[<p><a name="firstmenu"></a>After digging around for a good menu for my intranet website, I decided to build up my own as I found the div toggling function in jQuery. Yes, with jQuery.slideToggle() and just a few lines of code, you could create a stunning vertical accordion-like menu in minutes. Just play around with the menu below and see.<br />
<script src="http://aahome.net/files/jquery.js" type="text/javascript"></script><br />
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$("li.menuslider").children("ul").hide();
$("li.menuslider").mouseover(function() {
    var e = $(this);
    myTimer = setTimeout(function() {
        e.children("ul").slideDown("medium").parent().siblings().children("ul").slideUp("medium");
    }, 100);
}).mouseout(function() {
    if (myTimer) clearTimeout(myTimer);
})});
// ]]&gt;</script></p>
<div class="menu">
<div class="menu_content"><!-- start of some menu --></p>
<ul>
<li class="menuslider" style="list-style:none;"><a href="#">Some menu title</a>
<ul>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
</ul>
</li>
<p><!-- end of some menu --><br />
<!-- start of some menu --></p>
<li class="menuslider" style="list-style:none;"><a href="#">Some menu title</a>
<ul>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
</ul>
</li>
<p><!-- end of some menu --><br />
<!-- start of some menu --></p>
<li class="menuslider" style="list-style:none;"><a href="#">Some menu title</a>
<ul>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
</ul>
</li>
<p><!-- end of some menu --><br />
<!-- start of some menu --></p>
<li class="menuslider" style="list-style:none;"><a href="#">Some menu title</a>
<ul>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
<li style="padding-left:10px;"><a href="#">Some menu item</a></li>
</ul>
</li>
<p><!-- end of some menu --></ul>
</div>
</div>
<p><span id="more-11"></span></p>
<p><strong><span style="text-decoration: underline;">How to do:</span></strong></p>
<p>1. Insert this JavaScript code block wherever between the header tags</p>
<p>[code lang="javascript"]<br />
<script type="text/javascript">// <![CDATA[
   /* Vertical Accordion Menu code snippet Author: Phan Tuan Anh. Homepage: www.aahome.net Feel free to use this code block wherever you like */ const slideSpeed = 'slow'; // slide speed: slow, medium, fast var lastMenu;// = ''; // name of the last opened menu toggler function slidingMenu(curMenu) { 	if(lastMenu!=curMenu){ // slide off last menu item 		if($('#'+lastMenu).css('display')!='none'){ 			$('#'+lastMenu).slideToggle(slideSpeed); 		} 	} 	$('#'+curMenu).slideToggle(slideSpeed); 	lastMenu = curMenu; }
// ]]&gt;</script><br />
[/code]<br />
2. Create a &#8220;topmenu &#8211; submenu&#8221; pair as below.<br />
[code lang="html"]</p>
<ul onclick="javascript: slidingMenu('submenu1');">
<li><a href="#">Sample top menu #1</a></li>
</ul>
<ul id="submenu1" style="display: none;">
<li><a href="#">Sample sub menu #1</a></li>
<li><a href="#">Sample sub menu #2</a></li>
</ul>
<p>[/code]<br />
3. That&#8217;s it, you&#8217;ve just created your first accordion menu item. Repeat step 2 to create as many menu items as you like to make a nice menu.</p>
<p>Thanks Fahad Ibnay Heylaal for his <a href="http://www.frinity.com/posts/css/vertical-css-menu-with-jquery-toggle-effect">original toggle tutorial</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://aahome.net/2009/07/a-simple-vertical-accordion-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
