How do I stop slideToggle from repeating animation when you hover on it multiple times?

I am working on a project for my internship and I'm having a problem about this slideToggle animation. When I hover on it multiple times it repeats the animation. I've tried searching for similar topics here but I couldn't find a solution to my problem.

My Web site is: http://ift.tt/1MnntVX (the animation shows when you hover on one of the boxes right under the lists)

My jQuery code for the animation is:

$('.blog5Pic').hover(function(){
  $('.hover-5').slideToggle('showIt');
});

Thanks, StackOverflow-mates. :)