title: Super fish hover on page load
body: <p>Hi I am using jquery superfish and I need active(hover) first menu item on page load but on hover another menu item cancel that hover on first item. Any suggestion?</p>
  
  <p>This is html code for menu</p>
  
  <pre><code>&lt;ul class="sf-menu" &gt;
          &lt;li class="current"&gt;
              &lt;a href="#"&gt;&lt;img class="imgbottom1" src="images/domecky.jpg" alt="venkovní plochy"&gt;
              &lt;div class="obaldomecky"&gt;&lt;h4&gt;venkovní plochy&lt;/h4&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;ul class="first"&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;120m2&lt;/a&gt;
                  &lt;/li&gt;
  
              &lt;/ul&gt;
  
          &lt;/li&gt;&lt;li&gt;
              &lt;a href="#"&gt;&lt;img class="imgbottom1" src="images/domecky.jpg" alt="venkovní plochy"&gt;
              &lt;div class="obaldomecky"&gt;&lt;h4&gt;venkovní plochy&lt;/h4&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;ul class="second"&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;120m2&lt;/a&gt;
                  &lt;/li&gt;
  
              &lt;/ul&gt;
  </code></pre>
  
  <p></li>
                </p>
  
  <pre><code>        &lt;script&gt;
     $('#test').hover(
  
     function(){ $(this).removeClass('sfHover')}
  
        )&lt;/script&gt;
  </code></pre>
  
  <p>my website sis here <a href="http://www.manko-design.cz/demo/" rel="nofollow">http://www.manko-design.cz/demo/</a> its not working how I need. I need this. When I move cursor on another image in that row script remove class from first image. If I move out cursor from image to out from image but not on another image in row last hover image stay hover.</p>