title: jQuery : How to animate a span and show?
body: <p>I have a function that checks mail on every 10 secods, if there is a new email, it make a bubble notification and show the total number of mail.</p>
  
  <pre><code>jQuery("#bubble_mate").text(responseText.totalmail);
  jQuery("#bubble_mate").addClass('animating').show();
  </code></pre>
  
  <p>It animates the bubble, first time I load the page, but this function is set on an interwal, so it should animate the bubble each time there is new mail, but it Doesn't</p>
  
  <p>My animation and other functions are perfect.. it is just it Doesn't animate when it is being called in set interval. it ads the number of total mail.. but no animation.</p>
  
  <p>Please help me.
  Regards</p>
  
  <p><strong>Added</strong></p>
  
  <p>This is animating class and css</p>
  
  <pre><code>.animating{
              -webkit-animation: animate 1s cubic-bezier(0,1,1,0);
              -moz-animation: animate 1s cubic-bezier(0,1,1,0);
              -ms-animation: animate 1s cubic-bezier(0,1,1,0);
              -o-animation: animate 1s cubic-bezier(0,1,1,0);
              animation: animate 1s cubic-bezier(0,1,1,0);            
  }
  
          @-webkit-keyframes animate{
              from {
                  -webkit-transform: scale(1);
              }
              to {
                 -webkit-transform: scale(1.7);
              }
          }
  
          @-moz-keyframes animate{
              from {
                  -moz-transform: scale(1);
              }
              to {
                 -moz-transform: scale(1.7);
              }
          }
  
          @-ms-keyframes animate{
              from {
                  -ms-transform: scale(1);
              }
              to {
                 -ms-transform: scale(1.7);
              }
          }
  
          @-o-keyframes animate{
              from {
                  -o-transform: scale(1);
              }
              to {
                 -o-transform: scale(1.7);
              }
          }
  
          @keyframes animate{
              from {
                  transform: scale(1);
              }
              to {
                 transform: scale(1.7);
              }
          }
  </code></pre>