How to amend my javascript script?
<p>I have this javascript: <a href="http://www.mastermind-solutions.com/wp-content/uploads/2008/07/jquery-popup-bubble/index.html" rel="nofollow">http://www.mastermind-solutions.com/wp-content/uploads/2008/07/jquery-popup-bubble/index.html</a></p>

<p>here's html:</p>

<pre><code>&lt;div class="rss-popup"&gt;
  &lt;a href="feed-link" id="rss-icon"&gt;RSS Feed&lt;/a&gt;
  &lt;em&gt;Subscribe to our RSS Feed&lt;/em&gt;
&lt;/div&gt;
</code></pre>

<p>What I need is to get this jquery animation on a simple div without a link. My html which I need to animate: <code>&lt;span class="tickercontainer" id="votes&lt;?php the_ID(); ?&gt;"&gt;&lt;?php echo $votes; ?&gt;&lt;/span&gt;</code> How should I amend this effect to make it work in my case?</p>

<p>javascript:</p>

<pre><code>$(document).ready(function(){
  $(".rss-popup a").hover(function() {
    $(this).next("em").stop(true, true).animate({opacity: "show", top: "-60"}, "slow");
  }, function() {
    $(this).next("em").animate({opacity: "hide", top: "-70"}, "fast");
  });
});
</code></pre>

<p>css:</p>

<pre><code>div.rss-popup em {
  background: url("images/bubble.png") no-repeat;
  width: 100px;
  height: 49px;
  position: absolute;
  top: -70px;
  left: -0px;
  text-align: center;
  text-indent: -9999px;
  z-index: 2;
  display: none;
}

.rss-popup {
  margin: 100px auto;
  padding: 0;
  width: 100px;
  position: relative;
}

#rss-icon {
  width: 42px;
  height: 42px;
  background: url("images/icon.png") no-repeat 0 0;
  text-indent: -9999px;
  margin: 0 auto;
  display: block;
}
</code></pre>
