Animation of div doesn't stop after hover event ends
===

So, here is my first question from community.

**Question:** I am trying to show a `div` & increase width of hovered `div` with animation. 

**Problem:**  I achieved this by *jquery* & *css* but, the problem is on continuous hovering the animation don't stop. So, i want to flush the previous animation from memory once the mouse is out of the div. 

*I searched and found something like `stop()` to be used but i am not getting the desired result.* 

[Check what i have achieved yet][1]

Thanks in advance!


  [1]: http://jsfiddle.net/surendraVsingh/fsF3W/1/