jquery - Why does this CSS3 animation fire only once? How do I fix it? -

HTML:

  & Lt; div शैली = "पृष्ठभूमि-रंग: नीला" & gt; & Lt; एक शैली = "मार्जिन-बायां: 30px;" Href = "#" वर्ग = "अवतार वर्तमानहोवर 2" & lt; img class = "avatar_img" alt = "" src = "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcScGVKjsfovuONBaVL4frlyX0KkryNdsigEeCk_EMdowWBj25eN" शैली = "पैडिंग: 10 पीएक्स;" & gt; & Lt; / a & gt; & Lt; एक शैली = "मार्जिन-बायां: 30px;" Href = "#" वर्ग = "अवतार वर्तमानहोवर 2" & lt; img class = "avatar_img" alt = "" src = "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcScGVKjsfovuONBaVL4frlyX0KkryNdsigEeCk_EMdowWBj25eN" शैली = "पैडिंग: 10 पीएक्स;" & gt; & Lt; / a & gt; & Lt; / div & gt;   
 jquery:  
  $ ("। CurrentHover2")। हॉवर (फ़ंक्शन () {$ (this) .addClass ('मैग्केटाइम पफ इन'); });   
 सीएसएस फ़ाइल लंबी और बेला में है   
 
 
 आप कभी नहीं यह बताएं कि क्लास को निकालने के लिए इतना प्रभाव फिर से चलाएगा:  
  $ ("। CurrentHover2")। हॉवर (फ़ंक्शन () {$ (this) .addClass ('magictime puffIn' );}, फ़ंक्शन () {$ (यह) .removeClass ('Magictime puffIn');});   
 या, बल्कि, मूल रूप से आप क्लास जोड़ते हैं और जब से क्लास पहले से ही है अगली बार जब आप कुछ भी बदलाव नहीं करते हैं।