Javascript 使用jquery设置boostrap徽章动画

看看Bootstrap的徽章：

我需要创建一个类，对glyphicon内的徽章设置动画，如下所示：

<div class="notification-icon">
        <span class="glyphicon glyphicon-comment"></span>
        <span class="badge">19</span>
    </div>

19

然后，第一页加载上的徽章动画显示红色，如果可能，可以跳跃，然后在鼠标悬停或onclick时淡出。 我通过这样做得到了红色：

<div class="notification-icon">
            <span class="glyphicon glyphicon-comment"></span>
            <span class="badge alert-danger">19</span>
        </div>

19

---

但它还没有跳跃，也没有在MouseOver上消失，或者在stackoverflow帐户登录时在5减（毫秒）后单击…

你的js在哪里？？请提出一个小提琴和复制的问题。请如果我能做的js我不会问，请善良。。