title: Jquery hover without ID
body: <p>When I move my mouse over one flag, all the other flags switch to hover. But what I want is only the current element switches to hover.</p>
  
  <pre><code>&lt;div class="lang-list"&gt;
    &lt;a href=" index.php" class="nodisplayflag" class="linkhover"&gt;
      &lt;img class="hover1" src="flag1.png"&gt;
      &lt;img class="hover2" src="flag1_hover.png" style="display:none"&gt;
    &lt;/a&gt;
  
    &lt;a href="index2.php" class="linkhover"&gt;
      &lt;img class="hover1" src="flag2.png"&gt;
      &lt;img class="hover2" src="flag2_hover.png" style="display:none"&gt;
    &lt;/a&gt;
  
    &lt;a href="index3.php" class="linkhover"&gt;
      &lt;img class="hover1" src="flag3.png"&gt;
      &lt;img class="hover2" src="flag3_hover.png"style="display:none"&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Js function here under</p>
  
  <pre><code>$(".linkhover").hover(
    function(){
      $(".hover1").hide();
      $(".hover2").show();
    },    
  
    function(){
      $(".hover1").show();
      $(".hover2").hide();
    }
  );
  </code></pre>
  
  <p>Is it a smart way to hover only the current element without using dedicated ID ?</p>