<?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: Simple Tabs w/ CSS &amp; jQuery</title>
	<atom:link href="http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/</link>
	<description>Torrance Website Design - Soh Tanaka</description>
	<lastBuildDate>Thu, 11 Mar 2010 20:31:10 -0800</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Alawi</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7483</link>
		<dc:creator>Alawi</dc:creator>
		<pubDate>Wed, 10 Mar 2010 11:21:59 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7483</guid>
		<description>How i can show any tab as default.

so for example i want to show second tab or third tab.

And i want way to make any tab i want disable.</description>
		<content:encoded><![CDATA[<p>How i can show any tab as default.</p>
<p>so for example i want to show second tab or third tab.</p>
<p>And i want way to make any tab i want disable.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Imtiaz</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7482</link>
		<dc:creator>Imtiaz</dc:creator>
		<pubDate>Wed, 10 Mar 2010 10:32:36 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7482</guid>
		<description>Hiya, am new in jquery and i wanna know howw can i add more than one tabbed box in same page. Will be glad if you let me know, btw i already used one from here and it was cooool!!!</description>
		<content:encoded><![CDATA[<p>Hiya, am new in jquery and i wanna know howw can i add more than one tabbed box in same page. Will be glad if you let me know, btw i already used one from here and it was cooool!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: droope</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7472</link>
		<dc:creator>droope</dc:creator>
		<pubDate>Tue, 09 Mar 2010 18:04:39 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7472</guid>
		<description>Unescaped code:
$(document).ready(function() {

	//When page loads...
	$(&quot;.tab_content&quot;).hide(); //Hide all content
	$(&quot;ul.tabs li:first&quot;).addClass(&quot;active&quot;).show(); //Activate first tab
	$(&quot;.tab_content:first&quot;).show(); //Show first tab content

	//On Click Event
	$(&quot;ul.tabs li&quot;).click(function() {
		$(&quot;ul.tabs li&quot;).removeClass(&quot;active&quot;); //Remove any &quot;active&quot; class
		$(this).addClass(&quot;active&quot;); //Add &quot;active&quot; class to selected tab
		$(&quot;.tab_content&quot;).hide(); //Hide all tab content

		var activeTab = $(this).find(&quot;a&quot;).attr(&quot;href&quot;); //Find the href attribute value to identify the active tab + content
		activeTab = activeTab.split(&quot;#&quot;); //bugfixed by droope :)
		$(&quot;#&quot;+activeTab[activeTab.length-1]).fadeIn(); //Fade in the active ID content
		return false;
	});

});</description>
		<content:encoded><![CDATA[<p>Unescaped code:<br />
$(document).ready(function() {</p>
<p>	//When page loads&#8230;<br />
	$(&#8221;.tab_content&#8221;).hide(); //Hide all content<br />
	$(&#8221;ul.tabs li:first&#8221;).addClass(&#8221;active&#8221;).show(); //Activate first tab<br />
	$(&#8221;.tab_content:first&#8221;).show(); //Show first tab content</p>
<p>	//On Click Event<br />
	$(&#8221;ul.tabs li&#8221;).click(function() {<br />
		$(&#8221;ul.tabs li&#8221;).removeClass(&#8221;active&#8221;); //Remove any &#8220;active&#8221; class<br />
		$(this).addClass(&#8221;active&#8221;); //Add &#8220;active&#8221; class to selected tab<br />
		$(&#8221;.tab_content&#8221;).hide(); //Hide all tab content</p>
<p>		var activeTab = $(this).find(&#8221;a&#8221;).attr(&#8221;href&#8221;); //Find the href attribute value to identify the active tab + content<br />
		activeTab = activeTab.split(&#8221;#&#8221;); //bugfixed by droope <img src='http://www.sohtanaka.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
		$(&#8221;#&#8221;+activeTab[activeTab.length-1]).fadeIn(); //Fade in the active ID content<br />
		return false;<br />
	});</p>
<p>});</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: droope</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7471</link>
		<dc:creator>droope</dc:creator>
		<pubDate>Tue, 09 Mar 2010 18:03:59 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7471</guid>
		<description>Hi there, dear blog owner :)

I have made a fix for your code, that enables it to work when, for some reason, one can&#039;t make a link to #tab2, and needs to make a link such as currentpage.php#tab2. 

Believe me, that need exists in many CMS, and several situations.

Anyway, here it is:

&lt;script&gt;
$(document).ready(function() {

	//When page loads...
	$(&quot;.tab_content&quot;).hide(); //Hide all content
	$(&quot;ul.tabs li:first&quot;).addClass(&quot;active&quot;).show(); //Activate first tab
	$(&quot;.tab_content:first&quot;).show(); //Show first tab content

	//On Click Event
	$(&quot;ul.tabs li&quot;).click(function() {
		$(&quot;ul.tabs li&quot;).removeClass(&quot;active&quot;); //Remove any &quot;active&quot; class
		$(this).addClass(&quot;active&quot;); //Add &quot;active&quot; class to selected tab
		$(&quot;.tab_content&quot;).hide(); //Hide all tab content

		var activeTab = $(this).find(&quot;a&quot;).attr(&quot;href&quot;); //Find the href attribute value to identify the active tab   content
		activeTab = activeTab.split(&quot;#&quot;); //bugfixed by droope :)
		$(&quot;#&quot; activeTab[activeTab.length-1]).fadeIn(); //Fade in the active ID content
		return false;
	});

});
&lt;/script&gt;

Thank you for your script! 

It was very useful for me,

also, your site is very beautiful.

Cheers,
Droope</description>
		<content:encoded><![CDATA[<p>Hi there, dear blog owner <img src='http://www.sohtanaka.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I have made a fix for your code, that enables it to work when, for some reason, one can&#8217;t make a link to #tab2, and needs to make a link such as currentpage.php#tab2. </p>
<p>Believe me, that need exists in many CMS, and several situations.</p>
<p>Anyway, here it is:</p>
<p>&lt;script&gt;<br />
$(document).ready(function() {</p>
<p>	//When page loads&#8230;<br />
	$(&amp;quot;.tab_content&amp;quot;).hide(); //Hide all content<br />
	$(&amp;quot;ul.tabs li:first&amp;quot;).addClass(&amp;quot;active&amp;quot;).show(); //Activate first tab<br />
	$(&amp;quot;.tab_content:first&amp;quot;).show(); //Show first tab content</p>
<p>	//On Click Event<br />
	$(&amp;quot;ul.tabs li&amp;quot;).click(function() {<br />
		$(&amp;quot;ul.tabs li&amp;quot;).removeClass(&amp;quot;active&amp;quot;); //Remove any &amp;quot;active&amp;quot; class<br />
		$(this).addClass(&amp;quot;active&amp;quot;); //Add &amp;quot;active&amp;quot; class to selected tab<br />
		$(&amp;quot;.tab_content&amp;quot;).hide(); //Hide all tab content</p>
<p>		var activeTab = $(this).find(&amp;quot;a&amp;quot;).attr(&amp;quot;href&amp;quot;); //Find the href attribute value to identify the active tab   content<br />
		activeTab = activeTab.split(&amp;quot;#&amp;quot;); //bugfixed by droope <img src='http://www.sohtanaka.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
		$(&amp;quot;#&amp;quot; activeTab[activeTab.length-1]).fadeIn(); //Fade in the active ID content<br />
		return false;<br />
	});</p>
<p>});<br />
&lt;/script&gt;</p>
<p>Thank you for your script! </p>
<p>It was very useful for me,</p>
<p>also, your site is very beautiful.</p>
<p>Cheers,<br />
Droope</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: P-L Gendreau</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7470</link>
		<dc:creator>P-L Gendreau</dc:creator>
		<pubDate>Tue, 09 Mar 2010 17:36:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7470</guid>
		<description>@ante - There&#039;s a demo you can down copy and paste, but the whole idea behind the tutorial is actually to learn!

http://www.sohtanaka.com/web-design/do-you-eat-and-run/</description>
		<content:encoded><![CDATA[<p>@ante &#8211; There&#8217;s a demo you can down copy and paste, but the whole idea behind the tutorial is actually to learn!</p>
<p><a href="http://www.sohtanaka.com/web-design/do-you-eat-and-run/" rel="nofollow">http://www.sohtanaka.com/web-design/do-you-eat-and-run/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ante</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7404</link>
		<dc:creator>ante</dc:creator>
		<pubDate>Thu, 04 Mar 2010 20:33:08 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7404</guid>
		<description>ca i downloa tha demo at all ?
so  its make life easer!</description>
		<content:encoded><![CDATA[<p>ca i downloa tha demo at all ?<br />
so  its make life easer!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Drew</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7403</link>
		<dc:creator>Drew</dc:creator>
		<pubDate>Thu, 04 Mar 2010 19:43:19 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7403</guid>
		<description>Any thoughts on how to get multiple copies of this working on a single page?  It seems to be limited to one; unless I&#039;m just doing it wrong!</description>
		<content:encoded><![CDATA[<p>Any thoughts on how to get multiple copies of this working on a single page?  It seems to be limited to one; unless I&#8217;m just doing it wrong!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: dan</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7398</link>
		<dc:creator>dan</dc:creator>
		<pubDate>Thu, 04 Mar 2010 16:26:19 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7398</guid>
		<description>D&#039;oh! i think its time to west.. iv figured it out!
great tutorial by the way !</description>
		<content:encoded><![CDATA[<p>D&#8217;oh! i think its time to west.. iv figured it out!<br />
great tutorial by the way !</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: dan</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7397</link>
		<dc:creator>dan</dc:creator>
		<pubDate>Thu, 04 Mar 2010 16:09:22 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7397</guid>
		<description>i know that you can have the tabs multiple of times on one page but what if you wanted one main page tab(s) then inside one of the tabs u had another row of tabs different style (smaller) is that possible ???
basically duplication the css and renaming it for the different style...
but that does not work ! ha

any one have an idea ??</description>
		<content:encoded><![CDATA[<p>i know that you can have the tabs multiple of times on one page but what if you wanted one main page tab(s) then inside one of the tabs u had another row of tabs different style (smaller) is that possible ???<br />
basically duplication the css and renaming it for the different style&#8230;<br />
but that does not work ! ha</p>
<p>any one have an idea ??</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Yves</title>
		<link>http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/comment-page-4/#comment-7356</link>
		<dc:creator>Yves</dc:creator>
		<pubDate>Tue, 02 Mar 2010 09:20:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.sohtanaka.com/?p=2254#comment-7356</guid>
		<description>I should add that as was mentioned above, this stops being a problem when changing fadeIn() to show().  Strange?</description>
		<content:encoded><![CDATA[<p>I should add that as was mentioned above, this stops being a problem when changing fadeIn() to show().  Strange?</p>
]]></content:encoded>
	</item>
</channel>
</rss>
