<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[KillerSites.com Web Design Forums - Stop jQuery annimation in progress]]></title>
	<link rel="self" href="http://www.killersites.com/forums/feed/atom/topic/2392/"/>
	<updated>2009-11-01T19:02:55Z</updated>
	<generator>PunBB</generator>
	<id>http://www.killersites.com/forums/topic/2392/stop-jquery-annimation-in-progress/</id>
		<entry>
			<title type="html"><![CDATA[Re: Stop jQuery annimation in progress]]></title>
			<link rel="alternate" href="http://www.killersites.com/forums/post/11776/#p11776"/>
			<content type="html"><![CDATA[<p>I believe this is what you are looking for...</p><p><a href="http://docs.jquery.com/Effects/stop" rel="nofollow">http://docs.jquery.com/Effects/stop</a></p>]]></content>
			<author>
				<name><![CDATA[falkencreative]]></name>
				<uri>http://www.killersites.com/forums/user/3/</uri>
			</author>
			<updated>2009-11-01T19:02:55Z</updated>
			<id>http://www.killersites.com/forums/post/11776/#p11776</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Stop jQuery annimation in progress]]></title>
			<link rel="alternate" href="http://www.killersites.com/forums/post/11772/#p11772"/>
			<content type="html"><![CDATA[<p>In playing with jQuery to understand it better in a doing way, I made a project for myself to have a square move from right to left in the browser and then back again.&nbsp; So far I was able to make a function that does one iteration and another that resets the square but before I try to understand how to keep the loop continuously I was hoping to write code to stops the animation with another click event, but don’t know how to do that.&nbsp; If you can please point me where to look for clues?<br />Here is the code I have written so far.<br /></p><div class="codebox"><pre><code>$(document).ready(function(){
                $(&quot;#start&quot;).click(function(){
                    $(&quot;#block&quot;).animate({&quot;left&quot;: &quot;500px&quot;}, &quot;slow&quot;)
                    .animate({&quot;left&quot;: &quot;25px&quot;}, &quot;slow&quot;)  });

                $(&quot;#reset&quot;).click(function(){
                    $(&quot;#block&quot;).css({top:&quot;150px&quot;, left:&quot;25px&quot;, borderWidth:&quot;&quot;});
                });
                
                $(&quot;#stop&quot;).click(function(){
                    
                });
            });</code></pre></div>]]></content>
			<author>
				<name><![CDATA[williamrouse]]></name>
				<uri>http://www.killersites.com/forums/user/53/</uri>
			</author>
			<updated>2009-11-01T06:26:40Z</updated>
			<id>http://www.killersites.com/forums/post/11772/#p11772</id>
		</entry>
</feed>
