<?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: Collapsing Site Navigation with jQuery</title>
	<atom:link href="http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Wed, 22 May 2013 09:29:29 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
	<item>
		<title>By: FDG</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-7/#comment-414761</link>
		<dc:creator>FDG</dc:creator>
		<pubDate>Tue, 24 Jan 2012 15:15:35 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-414761</guid>
		<description><![CDATA[I repeat my question more clearly : how to modify the code so that images are always visible, and the animation is still operational.

Cordially

FDG]]></description>
		<content:encoded><![CDATA[<p>I repeat my question more clearly : how to modify the code so that images are always visible, and the animation is still operational.</p>
<p>Cordially</p>
<p>FDG</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: François Daniel Giezendanner</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-7/#comment-408868</link>
		<dc:creator>François Daniel Giezendanner</dc:creator>
		<pubDate>Fri, 20 Jan 2012 09:30:59 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-408868</guid>
		<description><![CDATA[How do ls that images are always visible in the menu and the animation is the same as mouseover? 

Cordially 

FDG]]></description>
		<content:encoded><![CDATA[<p>How do ls that images are always visible in the menu and the animation is the same as mouseover? </p>
<p>Cordially </p>
<p>FDG</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ss</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-363573</link>
		<dc:creator>ss</dc:creator>
		<pubDate>Fri, 30 Dec 2011 17:32:05 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-363573</guid>
		<description><![CDATA[hi thanks for this great tutorial. im new to web design. i want to add new gallery. so reply me where i have to change in the code]]></description>
		<content:encoded><![CDATA[<p>hi thanks for this great tutorial. im new to web design. i want to add new gallery. so reply me where i have to change in the code</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-363488</link>
		<dc:creator>Chris</dc:creator>
		<pubDate>Fri, 30 Dec 2011 16:50:06 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-363488</guid>
		<description><![CDATA[Great tutorial! 
However, i want to center the whole menu. But when i do this the tab &quot;collection&quot; always remains on the page and is not overlapped by the other tabs. Is there a way to solve this?

thanks!]]></description>
		<content:encoded><![CDATA[<p>Great tutorial!<br />
However, i want to center the whole menu. But when i do this the tab &#8220;collection&#8221; always remains on the page and is not overlapped by the other tabs. Is there a way to solve this?</p>
<p>thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: David</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-362168</link>
		<dc:creator>David</dc:creator>
		<pubDate>Fri, 30 Dec 2011 02:37:13 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-362168</guid>
		<description><![CDATA[The website ate up my HTML.

For 1. I meant:

1. Use SPAN to make the link. Give it an ID, and a class.]]></description>
		<content:encoded><![CDATA[<p>The website ate up my HTML.</p>
<p>For 1. I meant:</p>
<p>1. Use SPAN to make the link. Give it an ID, and a class.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: David</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-362164</link>
		<dc:creator>David</dc:creator>
		<pubDate>Fri, 30 Dec 2011 02:35:55 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-362164</guid>
		<description><![CDATA[I found the solution for linking to a different section.

1. Use  to make the link. Give it an ID, and a class.

2. Go to the CSS and create an entry using cc_back as the basis. For example: 

span.cc_gotodifferentpage{
	position:absolute;
	cursor:pointer;
	color:#ddd;
}

3.  Go to the Javascript code and add this (this is assuming you&#039;ve given the span id of cc_gotodifferentpage. Change cc_content_9 to whatever section you want to link it to):

$(&#039;#cc_gotodifferentpage&#039;)
					  
					  .bind(&#039;click&#039;,function(){
					
						  //if the menu is already folded,
						  //just replace the content
						  var $li_e = $(&#039;#cc_menu .cc_item .cc_submenu ul .cc_content_9&#039;);
						
					
						  //if the menu is already folded,
						  //just replace the content
						  hideContent();
						specialfold($li_e);

				});

4. Add the following function (don&#039;t change anything, unless you want to change the name of the function): 	

function specialfold($li_e){
					
					var $item		= $li_e.closest(&#039;.cc_item&#039;);
					
					var d = 100;
					var step = 0;
					$item.stop().animate({&#039;marginLeft&#039;:&#039;0px&#039;},d += 0);
					$item.find(&#039;img&#039;).stop().animate({&#039;top&#039;:&#039;0px&#039;},400);
					//cc_submenu ul
					$item.find(&#039;.cc_submenu &gt; ul&#039;).stop().animate({&#039;height&#039;:&#039;260px&#039;},400);
				
					$items.unbind(&#039;mouseenter mouseleave&#039;);
					$items.not($item).each(function(){
						var $item = $(this);
						$item.stop().animate({&#039;marginLeft&#039;:&#039;-180px&#039;},d += 200,function(){
							++step;
							if(step == cnt_items-1){
								folded = true;
								showContent($li_e.attr(&#039;class&#039;));
							}	
						});
						
					});
					
				}]]></description>
		<content:encoded><![CDATA[<p>I found the solution for linking to a different section.</p>
<p>1. Use  to make the link. Give it an ID, and a class.</p>
<p>2. Go to the CSS and create an entry using cc_back as the basis. For example: </p>
<p>span.cc_gotodifferentpage{<br />
	position:absolute;<br />
	cursor:pointer;<br />
	color:#ddd;<br />
}</p>
<p>3.  Go to the Javascript code and add this (this is assuming you&#8217;ve given the span id of cc_gotodifferentpage. Change cc_content_9 to whatever section you want to link it to):</p>
<p>$(&#8216;#cc_gotodifferentpage&#8217;)</p>
<p>					  .bind(&#8216;click&#8217;,function(){</p>
<p>						  //if the menu is already folded,<br />
						  //just replace the content<br />
						  var $li_e = $(&#8216;#cc_menu .cc_item .cc_submenu ul .cc_content_9&#8242;);</p>
<p>						  //if the menu is already folded,<br />
						  //just replace the content<br />
						  hideContent();<br />
						specialfold($li_e);</p>
<p>				});</p>
<p>4. Add the following function (don&#8217;t change anything, unless you want to change the name of the function): 	</p>
<p>function specialfold($li_e){</p>
<p>					var $item		= $li_e.closest(&#8216;.cc_item&#8217;);</p>
<p>					var d = 100;<br />
					var step = 0;<br />
					$item.stop().animate({&#8216;marginLeft&#8217;:&#8217;0px&#8217;},d += 0);<br />
					$item.find(&#8216;img&#8217;).stop().animate({&#8216;top&#8217;:&#8217;0px&#8217;},400);<br />
					//cc_submenu ul<br />
					$item.find(&#8216;.cc_submenu &gt; ul&#8217;).stop().animate({&#8216;height&#8217;:&#8217;260px&#8217;},400);</p>
<p>					$items.unbind(&#8216;mouseenter mouseleave&#8217;);<br />
					$items.not($item).each(function(){<br />
						var $item = $(this);<br />
						$item.stop().animate({&#8216;marginLeft&#8217;:'-180px&#8217;},d += 200,function(){<br />
							++step;<br />
							if(step == cnt_items-1){<br />
								folded = true;<br />
								showContent($li_e.attr(&#8216;class&#8217;));<br />
							}<br />
						});</p>
<p>					});</p>
<p>				}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cotlc</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-326841</link>
		<dc:creator>Cotlc</dc:creator>
		<pubDate>Wed, 14 Dec 2011 11:30:24 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-326841</guid>
		<description><![CDATA[Firstly, thanks for such an amazing tutorial, as with all your tutorials.

I fell in love with the idea of creating a dynamic single page site for my wife&#039;s cake business upon seeing this and have been feverishly beavering away trying to get it ready as a christmas present for her next week.

However, I&#039;ve hit a stumbling block and would love some assistance if possible.

I need to have a scrollable thumbnail gallery display in certain cc-content areas but I have tried implementing nearly all of the available ones on the web to no avail. I&#039;ve set display:block and they all show but do nothing functional.

Do you have any recommendations as to how I get a gallery of this type working within the cc-content areas?

Many, many thanks for any help you could give on this!]]></description>
		<content:encoded><![CDATA[<p>Firstly, thanks for such an amazing tutorial, as with all your tutorials.</p>
<p>I fell in love with the idea of creating a dynamic single page site for my wife&#8217;s cake business upon seeing this and have been feverishly beavering away trying to get it ready as a christmas present for her next week.</p>
<p>However, I&#8217;ve hit a stumbling block and would love some assistance if possible.</p>
<p>I need to have a scrollable thumbnail gallery display in certain cc-content areas but I have tried implementing nearly all of the available ones on the web to no avail. I&#8217;ve set display:block and they all show but do nothing functional.</p>
<p>Do you have any recommendations as to how I get a gallery of this type working within the cc-content areas?</p>
<p>Many, many thanks for any help you could give on this!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Paput</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-323135</link>
		<dc:creator>Paput</dc:creator>
		<pubDate>Mon, 12 Dec 2011 17:36:13 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-323135</guid>
		<description><![CDATA[how to make a scrollbar if your &quot;about&quot; &gt; &quot;Educational backgroound&quot; is longer that the window?

I hope anyone could help. Thanks in advance!]]></description>
		<content:encoded><![CDATA[<p>how to make a scrollbar if your &#8220;about&#8221; &gt; &#8220;Educational backgroound&#8221; is longer that the window?</p>
<p>I hope anyone could help. Thanks in advance!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Paput</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-316918</link>
		<dc:creator>Paput</dc:creator>
		<pubDate>Fri, 09 Dec 2011 10:42:24 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-316918</guid>
		<description><![CDATA[got it working!!!! thanks EK. but the font has changed? i want the original font.

?
Thanks in advance]]></description>
		<content:encoded><![CDATA[<p>got it working!!!! thanks EK. but the font has changed? i want the original font.</p>
<p>?<br />
Thanks in advance</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Paput</title>
		<link>http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/comment-page-6/#comment-316898</link>
		<dc:creator>Paput</dc:creator>
		<pubDate>Fri, 09 Dec 2011 10:26:07 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=2717#comment-316898</guid>
		<description><![CDATA[how can we put the whole animation in the center?]]></description>
		<content:encoded><![CDATA[<p>how can we put the whole animation in the center?</p>
]]></content:encoded>
	</item>
</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 6/22 queries in 0.013 seconds using disk: basic
Content Delivery Network via codropspz.tympanus.netdna-cdn.com

 Served from: tympanus.net @ 2013-05-22 12:09:44 by W3 Total Cache -->