Question

The html code:

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

If the mouse hover on the tab1 li, then shows cdmore li. If the mouse hover on the tab2 li, then cdmore li hide and the ebmore li show.

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

Answer 1

is it what you want?

// hide morelink first 
$('.morelink').hide();

$('.tab1').hover(function(){
    $('.morelink.cdmore').show();
    $('.morelink.ebmore').hide(); 
});

$('.tab2').hover(function(){
    $('.morelink.cdmore').hide();
    $('.morelink.ebmore').show(); 
});