Jquery toggle hover flickering

Jquery toggle hover flickering

This is kind of odd. I have a social button that when you hover over it
the social icons are supposed to show up. This works, but the hover is
flickering.
I captured a screencast of it so you know I just don't have bad eyesight.
:) http://www.youtube.com/watch?v=4GDcfsG6Frg&feature=youtu.be
and the html looks like this
<div class="social">Be Social!</div>
<div class="socialBttn">
<ul>
<li><img src="<?= base_url('assets/img/facebook.png') ?>" alt=""
/></li>
<li><img src="<?= base_url('assets/img/twitter.png') ?>" alt=""
/></li>
<li><img src="<?= base_url('assets/img/link.png') ?>" alt="" /></li>
<li><img src="<?= base_url('assets/img/google.png') ?>" alt=""
/></li>
</ul>
</div>
and the jquery looks like this
$(".social").hover(function () {
$(".socialBttn").toggle();
});
Any help would be amazing!