<?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>jQuery Wisdom &#187; Navigation</title>
	<atom:link href="http://www.jquery.wisdomplug.com/category/jquery-plugins/jquery-navigation-plugins-jquery-plugins/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jquery.wisdomplug.com</link>
	<description>jQuery Resources Blog</description>
	<lastBuildDate>Sat, 13 Aug 2011 10:52:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Fancy Apple-Style Icon Slide Out Navigation</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/#comments</comments>
		<pubDate>Sun, 27 Feb 2011 08:34:59 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/</guid>
		<description><![CDATA[Learn how to create an Apple-style navigation menu with a twist. Although "fancy" and "Apple-style" dont really go together, I thought that it?s time for something different. This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. The icons slide out from the top and when the mouse leaves the link, the icon slides back under the link element. This creates a neat "card-shuffle" effect.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Fancy-Apple-Style-Icon-Slide-Out-Navigation.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Fancy-Apple-Style-Icon-Slide-Out-Navigation.png" /><br />Learn how to create an Apple-style navigation menu with a twist. Although &#8220;fancy&#8221; and &#8220;Apple-style&#8221; dont really go together, I thought that it?s time for something different. This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. The icons slide out from the top and when the mouse leaves the link, the icon slides back under the link element. This creates a neat &#8220;card-shuffle&#8221; effect.<span id="more-2478"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="Fancy Apple-Style Icon Slide Out Navigation" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://tympanus.net/codrops/2010/01/17/css-and-jquery-tutorial-fancy-apple-style-icon-slide-out-navigation/"> Web Site</a><BR><img alt="Fancy Apple-Style Icon Slide Out Navigation" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://www.tympanus.net/Tutorials/FancyAppleStyleNavigation/"> Demo</a><BR><img alt="Fancy Apple-Style Icon Slide Out Navigation" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://www.tympanus.net/Tutorials/FancyAppleStyleNavigation/FancyAppleStyleNavigation.zip"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/fancy-apple-style-icon-slide-out-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Awesome Bubble Navigation with jQuery</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/#comments</comments>
		<pubDate>Sun, 27 Feb 2011 08:34:55 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/</guid>
		<description><![CDATA[Make your website bubbly with the Bubbly navigation using jQuery. This mwnu has round navigation icons that release a bubble when hovering over them. The seamless effect is based on the jQuery easing plugin.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Awesome-Bubble-Navigation-with-jQuery.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Awesome-Bubble-Navigation-with-jQuery.png" /><br />Make your website bubbly with the Bubbly navigation using jQuery. This mwnu has round navigation icons that release a bubble when hovering over them. The seamless effect is based on the jQuery easing plugin.<span id="more-2476"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="Awesome Bubble Navigation with jQuery" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/"> Web Site</a><BR><img alt="Awesome Bubble Navigation with jQuery" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://tympanus.net/Tutorials/BubbleNavigation/"> Demo</a><BR><img alt="Awesome Bubble Navigation with jQuery" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://tympanus.net/Tutorials/BubbleNavigation/BubbleNavigation.zip"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/awesome-bubble-navigation-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gorgeous jQuery Tab View Plugins &#8211; Part-1</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 18:22:42 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/</guid>
		<description><![CDATA[Tabs optimize the Navigation of web sites. Take Tab Navigations to the next level with my handpicked collection of Gorgeous, colorful and attractive jQuery Tabbed Navigation Plugins and Tutorials.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Gorgeous-jQuery-Tab-View-Plugins-Part-1.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/" > </fb:share-button></div></div><br /> <br /><p><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Gorgeous-jQuery-Tab-View-Plugins-Part-1.png" /><br />Tabs optimize the Navigation of web sites. Take Tab Navigations to the next level with my handpicked collection of Gorgeous, colorful and attractive jQuery Tabbed Navigation Plugins and Tutorials.<BR><span id="more-1087"></span></p>
<p>
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/animated-tabbed-content-with-jquery/">1. Animated Tabbed Content With jQuery</a></h2>
<p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
A lot of websites on the Internet have tabbed content now a days. The problem I find with most of them is that most of the time they can be quite dull. This tutorial will show you how to create your own tabbed content step by step.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Animated-Tabbed-Content-With-jQuery.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/tab-navigation-with-smooth-horizontal-sliding-using-jquery/">2. Tab Navigation with Smooth Horizontal Sliding Using jQuery</a></h2>
<p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
In this tutorial I will show you how to create a navigation menu that slides horizontally. It begins with a set of &#8220;tabs&#8221; on the right side of a containing element. When clicked, a tab slides to the left to reveal a group of links.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Tab-Navigation-with-Smooth-Horizontal-Sliding-Using-jQuery.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/">3. jQuery UI Tabs with Next and Previous</a></h2>
<p>Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cursor you can click through each of them.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-UI-Tabs-with-Next-and-Previous.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/building-jquery-tabs-that-open-close/">4. Building jQuery Tabs That Open &#038; Close</a></h2>
<p>My latest project involving jQuery was a bit tricky because I could not find anything that detailed how to generate a tab once a user clicked on a link, and then how to close that tab if the user clicked the close button.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Building-jQuery-Tabs-That-Open-Close.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tab-slide-out-plugin/">5. jQuery Tab Slide Out Plugin</a></h2>
<p>A couple weeks ago, I made this pull out slider thing using jQuery. (people use them as feedback tabs) I decided to try making it into a plugin for jQuery and here it is.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-Tab-Slide-Out-Plugin.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-moving-tab-and-sliding-content-tutorial/">6. jQuery Moving Tab and Sliding Content Tutorial</a></h2>
<p>Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-Moving-Tab-and-Sliding-Content-Tutorial.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/">7. jQuery Tabs Tutorial</a></h2>
<p>Tabbing has been common place on the Internet for some time now. Today web sites will make use of tabbing without the page having to reload with the addition of JavaScript.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-Tabs-Tutorial.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/">8. jQuery animated feedback tab thingy</a></h2>
<p>I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-animated-feedback-tab-thingy.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/">9. How To Create Tabs Using jQuery</a></h2>
<p>Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site? Another popular thing is jQuery, ?The Write Less, Do More, JavaScript Library.?<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-How-To-Create-Tabs-Using-jQuery.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/">10. Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery</a></h2>
<p>Let us improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Building-a-Better-Blogroll-Dynamic-Fun-with-SimplePie-and-jQuery.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/">11. jQuery tabs and cookies</a></h2>
<p>I have found many examples of scripts that save the selected tab inside a cookie but none of them worked out of the box? so let me write here a note and a snippet about how I got it working.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-tabs-and-cookies.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/">12. Customized jQuery Tabs</a></h2>
<p>I like jQuery tab framework because it?s a quick way to code tabs for web applications and because its very customizable. One implementation has jQuery tabs using AJAX to call up the appropriate page automatically without the need for a controller.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Customized-jQuery-Tabs.png" /></p>
<p><BR><br />
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/">13. Simple jQuery Tabs</a></h2>
<p>Simple jQuery Tabs is a complete Joomla! 1.5.x integration of the jQuery UI Tabs.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Simple-jQuery-Tabs.png" /></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/gorgeous-jquery-tab-view-plugins-part-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simple jQuery Tabs</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:58:21 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/</guid>
		<description><![CDATA[Simple jQuery Tabs is a complete Joomla! 1.5.x integration of the jQuery UI Tabs.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Simple-jQuery-Tabs.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Simple-jQuery-Tabs.png" /><br />Simple jQuery Tabs is a complete Joomla! 1.5.x integration of the jQuery UI Tabs.<span id="more-1085"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="Simple jQuery Tabs" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://www.aqsg.com.au/products/simple-jquery-tabs/overview.html"> Web Site</a><BR><img alt="Simple jQuery Tabs" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://www.aqsg.com.au/products/simple-jquery-tabs/demonstration.html"> Demo</a><BR><img alt="Simple jQuery Tabs" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "option=com_docman&#038;task=cat_view&#038;gid=74"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/simple-jquery-tabs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customized jQuery Tabs</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:57:37 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/</guid>
		<description><![CDATA[I like jQuery tab framework because it?s a quick way to code tabs for web applications and because its very customizable. One implementation has jQuery tabs using AJAX to call up the appropriate page automatically without the need for a controller.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Customized-jQuery-Tabs.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-Customized-jQuery-Tabs.png" /><br />I like jQuery tab framework because it?s a quick way to code tabs for web applications and because its very customizable. One implementation has jQuery tabs using AJAX to call up the appropriate page automatically without the need for a controller.<span id="more-1083"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="Customized jQuery Tabs" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://www.arietis-software.com/index.php/2008/11/16/customized-jquery-tabs/"> Web Site</a><BR><img alt="Customized jQuery Tabs" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://arietis-software.com/dev/sandbox/tabs.html"> Demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/customized-jquery-tabs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery tabs and cookies</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:57:25 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/</guid>
		<description><![CDATA[I have found many examples of scripts that save the selected tab inside a cookie but none of them worked out of the box? so let me write here a note and a snippet about how I got it working.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-tabs-and-cookies.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-tabs-and-cookies.png" /><br />I have found many examples of scripts that save the selected tab inside a cookie but none of them worked out of the box? so let me write here a note and a snippet about how I got it working.<span id="more-1081"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="jQuery tabs and cookies" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://perassi.org/2008/04/11/jquery-tabs-and-cookies/"> Web Site</a><BR><img alt="jQuery tabs and cookies" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://perassi.org/2008/04/11/jquery-tabs-and-cookies/"> Demo</a><BR><img alt="jQuery tabs and cookies" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://perassi.org/2008/04/11/jquery-tabs-and-cookies/"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-and-cookies/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Create Tabs Using jQuery</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:56:42 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/</guid>
		<description><![CDATA[Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site? Another popular thing is jQuery, ?The Write Less, Do More, JavaScript Library.?<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-How-To-Create-Tabs-Using-jQuery.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-How-To-Create-Tabs-Using-jQuery.png" /><br />Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site? Another popular thing is jQuery, ?The Write Less, Do More, JavaScript Library.?<span id="more-1079"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="How To Create Tabs Using jQuery" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery"> Web Site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/how-to-create-tabs-using-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery animated feedback tab thingy</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:56:04 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/</guid>
		<description><![CDATA[I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-animated-feedback-tab-thingy.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-animated-feedback-tab-thingy.png" /><br />I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.<span id="more-1077"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="jQuery animated feedback tab thingy" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://wpaoli.building58.com/2009/08/jquery-animated-feedback-tab-thingy/"> Web Site</a><BR><img alt="jQuery animated feedback tab thingy" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html"> Demo</a><BR><img alt="jQuery animated feedback tab thingy" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://wpaoli.building58.com/2009/08/jquery-animated-feedback-tab-thingy/#js"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-animated-feedback-tab-thingy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Tabs Tutorial</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:55:48 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/</guid>
		<description><![CDATA[Tabbing has been common place on the Internet for some time now. Today web sites will make use of tabbing without the page having to reload with the addition of JavaScript.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-Tabs-Tutorial.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-Tabs-Tutorial.png" /><br />Tabbing has been common place on the Internet for some time now. Today web sites will make use of tabbing without the page having to reload with the addition of JavaScript.<span id="more-1075"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="jQuery Tabs Tutorial" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://jqueryfordesigners.com/jquery-tabs/"> Web Site</a><BR><img alt="jQuery Tabs Tutorial" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://jqueryfordesigners.com/demo/tabs.html"> Demo</a><BR><img alt="jQuery Tabs Tutorial" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://jqueryfordesigners.com/jquery-tabs/"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-tabs-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery UI Tabs with Next and Previous</title>
		<link>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/</link>
		<comments>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:55:31 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/</guid>
		<description><![CDATA[Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cursor you can click through each of them.<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-UI-Tabs-with-Next-and-Previous.png" />]]></description>
			<content:encoded><![CDATA[<p><br /></p><div><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" send="false" action="recommend" font="arial" colorscheme="dark"  href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/" width="250"></fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/" > </fb:share-button></div></div><br /> <br /><p><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<br /><img src="http://wisdomplug.com/jquery/wp-content/uploads/wpid-jQuery-UI-Tabs-with-Next-and-Previous.png" /><br />Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cursor you can click through each of them.<span id="more-1073"></span></p>
<div style="display:block;float:left;margin: 0px 10px 0px 0px;"><script type="text/javascript"><!--
google_ad_client = "pub-9534545081248849";
/* Jquery */
google_ad_slot = "9018830443";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><BR><img alt="jQuery UI Tabs with Next and Previous" src="http://i35.tinypic.com/w8rjo1.jpg" /><a href = "http://css-tricks.com/jquery-ui-tabs-with-nextprevious/"> Web Site</a><BR><img alt="jQuery UI Tabs with Next and Previous" src="http://i34.tinypic.com/102q90m.jpg" /><a href = "http://css-tricks.com/examples/TabsNextPrev/"> Demo</a><BR><img alt="jQuery UI Tabs with Next and Previous" src="http://i36.tinypic.com/sd0epy.jpg" /><a href = "http://css-tricks.com/examples/TabsNextPrev.zip"> Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jquery.wisdomplug.com/jquery-plugins/jquery-navigation-plugins-jquery-plugins/jquery-ui-tabs-with-next-and-previous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

