<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Animated tabbed content with jQuery</title>
	<atom:link href="http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/</link>
	<description>PHP, CSS, xhtml, javascript / jquery tutorials</description>
	<lastBuildDate>Sat, 18 Feb 2012 11:01:39 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
	<item>
		<title>By: Su Wai</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-128631</link>
		<dc:creator>Su Wai</dc:creator>
		<pubDate>Sat, 11 Feb 2012 04:31:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-128631</guid>
		<description>Hello! That&#039;s very great.
But, Excuse me! I want to ask a question?
I used these tabs in my asp.net project.
But there is a problem.  Current hovered tab index is lost after full postback and only first tab is selected. How do I slove this problem? Please!</description>
		<content:encoded><![CDATA[<p>Hello! That&#8217;s very great.<br />
But, Excuse me! I want to ask a question?<br />
I used these tabs in my asp.net project.<br />
But there is a problem.  Current hovered tab index is lost after full postback and only first tab is selected. How do I slove this problem? Please!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Sharon</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-119275</link>
		<dc:creator>Sharon</dc:creator>
		<pubDate>Mon, 16 Jan 2012 23:17:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-119275</guid>
		<description>Hi Peter Klauer, I really need the functionality you made and love using these tabs, but I cannot get it to work using your, would you be so kind as to post up your source files so I can see it in action? I have been trying for hours! Thank you.</description>
		<content:encoded><![CDATA[<p>Hi Peter Klauer, I really need the functionality you made and love using these tabs, but I cannot get it to work using your, would you be so kind as to post up your source files so I can see it in action? I have been trying for hours! Thank you.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 30 awesome jQuery Tabs &#124; ExceptionHandle.com</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-96155</link>
		<dc:creator>30 awesome jQuery Tabs &#124; ExceptionHandle.com</dc:creator>
		<pubDate>Mon, 21 Nov 2011 18:29:44 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-96155</guid>
		<description>[...] 1. Animated Tabbed Content With jQuery [...]</description>
		<content:encoded><![CDATA[<p>[...] 1. Animated Tabbed Content With jQuery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 30 useful jQuery tab / navigation tutorial recommended - Open News</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-94952</link>
		<dc:creator>30 useful jQuery tab / navigation tutorial recommended - Open News</dc:creator>
		<pubDate>Fri, 18 Nov 2011 12:07:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-94952</guid>
		<description>[...] 1. Animated Tabbed Content With jQuery [...]</description>
		<content:encoded><![CDATA[<p>[...] 1. Animated Tabbed Content With jQuery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 30个实用的jQuery选项卡/导航教程推荐 &#124; FM52.COM</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-94943</link>
		<dc:creator>30个实用的jQuery选项卡/导航教程推荐 &#124; FM52.COM</dc:creator>
		<pubDate>Fri, 18 Nov 2011 11:35:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-94943</guid>
		<description>[...] 1. Animated Tabbed Content With jQuery [...]</description>
		<content:encoded><![CDATA[<p>[...] 1. Animated Tabbed Content With jQuery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: praveen kumar</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-92402</link>
		<dc:creator>praveen kumar</dc:creator>
		<pubDate>Fri, 11 Nov 2011 11:55:03 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-92402</guid>
		<description>Thanksz ..a lott, 

for your nice &quot;tabbed Content&quot; , really a nice source</description>
		<content:encoded><![CDATA[<p>Thanksz ..a lott, </p>
<p>for your nice &#8220;tabbed Content&#8221; , really a nice source</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Animated tabbed content with jQuery &#8211; Gaya Design &#187; Web Design</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-88708</link>
		<dc:creator>Animated tabbed content with jQuery &#8211; Gaya Design &#187; Web Design</dc:creator>
		<pubDate>Wed, 02 Nov 2011 14:36:18 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-88708</guid>
		<description>[...] Animated tabbed content with jQuery &#8211; Gaya Design [...]</description>
		<content:encoded><![CDATA[<p>[...] Animated tabbed content with jQuery &#8211; Gaya Design [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter Klauer</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-83234</link>
		<dc:creator>Peter Klauer</dc:creator>
		<pubDate>Sat, 22 Oct 2011 07:09:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-83234</guid>
		<description>Great!!

But we put some forms into the sliders and after saving always the starting slider was shown. This was a &quot;jumping&quot; effect. If the user fills some data into a slided form it would be nice if that form would be shown after reload.

So I wrote a litte function &quot;gotab&quot; which &quot;goes&quot; to a specific tab.

All you need to do is to put an id in the .tab_item span which needs some positioning:

 Termine

To position to the tab &quot;tab-kurse&quot; after saving some data, PHP makes a string $js which is injected into the $(document).ready() at page-building time.

  $js = &#039; TabbedContent.gotab($(&quot;#tab-termine&quot;));  &#039;;

And here is the gotab function:
(Pleas notice the comma at the beginning, which allows pasting into tabbedContent.js)

,

  gotab: function( obj ) {

      var background = $(obj).parent().find(&quot;.moving_bg&quot;);

      $(background).stop().animate({
        left: $(obj).position()[&#039;left&#039;]
      }, {
        duration: 300
      });

      TabbedContent.slideContent( $(obj) );

  }

As you see it is a simple variation of init().

@Ron L.: Look in the CSS. Make .tabslider 180000px wide.</description>
		<content:encoded><![CDATA[<p>Great!!</p>
<p>But we put some forms into the sliders and after saving always the starting slider was shown. This was a &#8220;jumping&#8221; effect. If the user fills some data into a slided form it would be nice if that form would be shown after reload.</p>
<p>So I wrote a litte function &#8220;gotab&#8221; which &#8220;goes&#8221; to a specific tab.</p>
<p>All you need to do is to put an id in the .tab_item span which needs some positioning:</p>
<p> Termine</p>
<p>To position to the tab &#8220;tab-kurse&#8221; after saving some data, PHP makes a string $js which is injected into the $(document).ready() at page-building time.</p>
<p>  $js = &#8216; TabbedContent.gotab($(&#8220;#tab-termine&#8221;));  &#8216;;</p>
<p>And here is the gotab function:<br />
(Pleas notice the comma at the beginning, which allows pasting into tabbedContent.js)</p>
<p>,</p>
<p>  gotab: function( obj ) {</p>
<p>      var background = $(obj).parent().find(&#8220;.moving_bg&#8221;);</p>
<p>      $(background).stop().animate({<br />
        left: $(obj).position()['left']<br />
      }, {<br />
        duration: 300<br />
      });</p>
<p>      TabbedContent.slideContent( $(obj) );</p>
<p>  }</p>
<p>As you see it is a simple variation of init().</p>
<p>@Ron L.: Look in the CSS. Make .tabslider 180000px wide.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 10 jQuery Tabs Tutorials &#124; jQuery4u</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-82368</link>
		<dc:creator>10 jQuery Tabs Tutorials &#124; jQuery4u</dc:creator>
		<pubDate>Thu, 20 Oct 2011 09:09:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-82368</guid>
		<description>[...] 10. Animated Tabbed Content with jQuery [...]</description>
		<content:encoded><![CDATA[<p>[...] 10. Animated Tabbed Content with jQuery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ron L.</title>
		<link>http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/comment-page-3/#comment-80871</link>
		<dc:creator>Ron L.</dc:creator>
		<pubDate>Sun, 16 Oct 2011 17:40:21 +0000</pubDate>
		<guid isPermaLink="false">http://www.gayadesign.com/?p=276#comment-80871</guid>
		<description>It doesn&#039;t work well. I made 26 tabs (alphabet) and the tabs content are all over the place. It seems to work well until 8th </description>
		<content:encoded><![CDATA[<p>It doesn&#8217;t work well. I made 26 tabs (alphabet) and the tabs content are all over the place. It seems to work well until 8th</p>
]]></content:encoded>
	</item>
</channel>
</rss>

