jquery .hover() same effect for different elements
<p>I have this scenario:</p>

<p>html:</p>

<pre><code>&lt;a&gt;text&lt;/a&gt;
&lt;a&gt;text&lt;/a&gt;
&lt;a&gt;text&lt;/a&gt;
&lt;a&gt;text&lt;/a&gt;

&lt;h4&gt;hi there&lt;/h4&gt;
&lt;h4&gt;hi there&lt;/h4&gt;
&lt;h4&gt;hi there&lt;/h4&gt;
&lt;h4&gt;hi there&lt;/h4&gt;
</code></pre>

<p>javascript: </p>

<pre><code>$("h4").hide();
$('a').hover(function () {
  $("h4").addClass('hover').fadeIn(300);
},
function () {
  $("h4").stop(0,0)
     .queue(function(){ $("h4").removeClass('hover').fadeOut(300).dequeue() });
});
</code></pre>

<p>​css:</p>

<pre><code>.hover {
    background-color: yellow;
}
</code></pre>

<p>this is jsfiddle  <a href="http://jsfiddle.net/zS6ex/280/" rel="nofollow">http://jsfiddle.net/zS6ex/280/</a></p>

<p>i want that when i hover mouse on a single a single is displayed not all</p>

<p>thanks</p>

<p>​</p>
