Jquery: Make the li alternative show
<p>The html code:</p>

<pre><code>&lt;ul class="tabtitle"&gt;
    &lt;li class="tab1"&gt;test&lt;/li&gt;
    &lt;li class="tab2 tabactive"&gt;test2&lt;/li&gt; 
    &lt;li class="morelink cdmore"&gt;&lt;a href="http://exmaple.com/new.html"&gt;more&lt;/a&gt;&lt;/li&gt;
    &lt;li class="morelink ebmore"&gt;&lt;a href="http://exmaple.com/new1.html"&gt;more&lt;/a&gt;&lt;/li&gt;       
&lt;/ul&gt;
</code></pre>

<p>If the mouse hover on the <code>tab1</code> li, then shows <code>cdmore</code> li. If the mouse hover on the <code>tab2</code> li, then <code>cdmore</code> li hide and the <code>ebmore</code> li show.</p>

<p>could i get the effect by the following function. <code>$('li.tab1,li.tab2').hover(function(){}</code></p>
