实用案例：切换面板同时切换内容

    function change(Obj){ //改变菜单，改变内容 pub
$(".mallmenu li a").removeClass("onmallmenu");
$(Obj).addClass("onmallmenu");

    var changeid = $(Obj).attr("changeid");
    $("#"+changeid).siblings(".m").hide().end().show();
}

<div class="mallmenu">
        <ul>
        <li><a onClick="change(this);" changeid="fxsm" class="onmallmenu">介绍</a></li>
    <li><a onClick="change(this);" changeid="scjs">商城</a></li>
    <li><a onClick="change(this);" changeid="cxyh">优惠</a></li>
    </ul>    </div>

<div class="malldesc m" id="fxsm">层一</div>
<div class="malldesc m" id="scjs">层二</div>
<div class="malldesc m" id="cxyh">层三</div>

 

<style>
.mallmenu{ width:708px; height:33px;}
.mallmenu ul li{ width:139px; height:33px;float:left;}
.onmallmenu{ font-weight:bold; color:red;}
.malldesc{min-height:200px; border:1px solid #E6E6E6; display:none;}
</style>

 效果如图：