<?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>Blair Kelly &#187; jQuery</title>
	<atom:link href="http://www.blairkelly.ca/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blairkelly.ca</link>
	<description>Multimedia, Design, Communications</description>
	<lastBuildDate>Wed, 22 May 2013 00:26:30 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>jQuery: Jittery slideDown Animation</title>
		<link>http://www.blairkelly.ca/2010/08/09/jquery-jittery-slidedown-animation/</link>
		<comments>http://www.blairkelly.ca/2010/08/09/jquery-jittery-slidedown-animation/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 03:09:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[frustrating]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jittery]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[relative]]></category>
		<category><![CDATA[slideDown]]></category>
		<category><![CDATA[stuttering]]></category>

		<guid isPermaLink="false">http://www.blairkelly.ca/?p=865</guid>
		<description><![CDATA[Are your jQuery animations jittery? Mine were, and this is how I fixed the problem.]]></description>
			<content:encoded><![CDATA[<p>Do you have jittery slideDown animations? Mine were &#8220;jumping&#8221; to completion when they were about 20% of the way from being finished. In my case, I was animating a div (with various elements/tags) inside of another div. After many hours of tinkering, I found a solution.</p>
<p>Try giving the parent div, the one that holds the div to be animated, a position of relative in its CSS declaration. Like this:</p>
<div id="codecontainer">

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">position: relative;</pre></td></tr></table></div>

</div>
<p>Small chance it&#8217;ll help you. But here&#8217;s hoping.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blairkelly.ca/2010/08/09/jquery-jittery-slidedown-animation/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
