<?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>Online Tech Tips &#187; CSS Accordion Menus</title>
	<atom:link href="http://www.onlinetechtips.net/tag/css-accordion-menus/feed" rel="self" type="application/rss+xml" />
	<link>http://www.onlinetechtips.net</link>
	<description>Your # 1 resource of online Technology tips.</description>
	<lastBuildDate>Sat, 06 Feb 2010 17:42:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>7 JQuery and CSS based Accordion Menus</title>
		<link>http://www.onlinetechtips.net/2009/05/7-jquery-and-css-based-accordion-menus.html</link>
		<comments>http://www.onlinetechtips.net/2009/05/7-jquery-and-css-based-accordion-menus.html#comments</comments>
		<pubDate>Fri, 15 May 2009 07:24:00 +0000</pubDate>
		<dc:creator>Terry</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[CSS Accordion Menus]]></category>
		<category><![CDATA[CSS based Accordion Menus]]></category>
		<category><![CDATA[JQuery Accordion Menus]]></category>
		<category><![CDATA[JQuery based Accordion Menus]]></category>

		<guid isPermaLink="false">http://www.onlinetechtips.net/2009/05/7-jquery-and-css-based-accordion-menus.html</guid>
		<description><![CDATA[7 JQuery and CSS based Accordion Menus For Web developers, an <a href="http://en.wikipedia.org/wiki/Accordion_(GUI)" target="_blank">accordion</a> is a graphical user interface, usually vertical, list of items with atmost one of them expanded into regular window. Those items are stacked on on top of each other. Window is "expanded" or "stretched" below (or next to if accordion is horizontal) the activated item.A common example of a GUI accordion is the Show/Hide operation of <a href="http://www.onlinetechtips.net/2009/05/7-jquery-and-css-based-accordion-menus.html">Continue reading</a>]]></description>
			<content:encoded><![CDATA[<p><b>7 JQuery and CSS based Accordion Menus</b> For Web developers, an <a href="http://en.wikipedia.org/wiki/Accordion_(GUI)" target="_blank">accordion</a> is a <b>graphical user interface</b>, usually vertical, list of items with atmost one of them expanded into regular window. Those items are stacked on on top of each other. Window is &#8220;expanded&#8221; or &#8220;stretched&#8221; below (or next to if accordion is horizontal) the activated item.</p>
<p>A common example of a <b>GUI accordion</b> is the Show/Hide operation of a box region, but extended to have multiple sections in a list.</p>
<p>An <b>accordion</b> is related to a tabbed interface, is, usually horizontal, list of items where at exactly one is expanded into a window . Shortcuts to access separate windows).</p>
<p>Today i have listed 7 <b>JQuery</b> and <b>CSS based Accordion Menus</b> for web developer. I cannot cover all the best from the web, but i have tried to cover as much as possible. Thanks to <a href="http://leoblogger.com/" target="_blank" title="Leo Blogger">Leo Blogger</a> for helping me compiling the list.</p>
<p><a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-urban.htm" target="_blank"><b>Urban Gray Accordion Menu</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 217px; height: 252px;" src="http://2.bp.blogspot.com/_1lbGpobYalM/Sg1_DN8GQaI/AAAAAAAAAGc/3DmEhjMDg3I/s400/Urban-Gray-Accordion-Menu.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060826761970082" /></a><br /><span class="fullpost"><br /><a href="http://www.byscripts.info/mootools/byslidemenu" target="_blank"><b>SlideMenu &#8211; Nice and powerful accordion menu</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 400px; height: 198px;" src="http://3.bp.blogspot.com/_1lbGpobYalM/Sg1_DJ0bYKI/AAAAAAAAAGU/iEmF-tKiaZk/s400/SlideMenu+-+Nice+and+powerful+accordion+menu.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060825656058018" /></a></p>
<p><a href="http://demo.lateralcode.com/accordion-menu/" target="_blank"><b>JQuery Accordion Menu</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 322px; height: 254px;" src="http://4.bp.blogspot.com/_1lbGpobYalM/Sg1--WzrkmI/AAAAAAAAAGM/n-dSR3E5MGs/s400/JQuery-Accordion-Menu1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060743243240034" /></a></p>
<p><a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm" target="_blank"><b>Glossy accordion menu</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 203px; height: 251px;" src="http://3.bp.blogspot.com/_1lbGpobYalM/Sg1--Gw3iPI/AAAAAAAAAGE/cTZ1XmopJW0/s400/Glossy-Accordion-Menu.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060738936473842" /></a></p>
<p><a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm" target="_blank"><b>Bullet List Accordion Menu</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 285px; height: 258px;" src="http://3.bp.blogspot.com/_1lbGpobYalM/Sg1--A4r5DI/AAAAAAAAAF8/PGnQhyc7YLw/s400/Bullet-List-Accordion-Menu.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060737358652466" /></a></p>
<p><a href="http://sandbox.leigeber.com/javascript-accordion/index.html" target="_blank"><b>Accordion Script With Multi-Level Support</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 360px; height: 258px;" src="http://4.bp.blogspot.com/_1lbGpobYalM/Sg1--MuUWxI/AAAAAAAAAF0/lofb9g1hEBM/s400/Accordion-Script-With-Multi.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060740536392466" /></a></p>
<p><a href="http://www.hedgerwow.com/360/mwd/accordion/demo.php" target="_blank"><b>Accordion Menu 2.0</b></a></p>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;width: 400px; height: 182px;" src="http://4.bp.blogspot.com/_1lbGpobYalM/Sg1-97iJBeI/AAAAAAAAAFs/DnJzL7NPzp8/s400/Accordion-Menu-2.0.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5336060735921915362" /></a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onlinetechtips.net/2009/05/7-jquery-and-css-based-accordion-menus.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
