javascript - How do I fire the same event on multiple links when hover over - jQuery -

I am trying to write a simple function using an event holder and can use some help or points where I can work on how to do it.

I have three link elements in which the titles are present within them. When the mouse enters the element, I want to see the title (the garage door effect) slide and vice versa when leaving the mouse element.

I have managed to write the first part. I can get the elements to hide the titles on the hover, but instead of at a time, different incidents on different elements have not been known separately to the phenomenon of fire.

Or how to remove the event to leave the mouse

Should I use () event or .mouseenter () and .mouseleave ()

My code is here

< "post-text" itemprop = "text">

.hover () method both Connects the handler to the mousecenter and mouseleave events . You can use it only to apply the behavior of the element during that time when the mouse is within the element.

In addition the ID should be unique. Then replace #go with a .

Finally you have inserted the slab stop () that prevents the currently running animation ("title"). Stop () ($. ({Top: "600px"}, 1500);}, function () {$ (this) .find ("title"). Stop (). Animate ({top: "200px"} , 1500);});