项目中一些js小的技巧总结

<div class="map_left_menu" id="menuBox">
<div class="map_menu_list" id="mapMenu">
<ul id="menuList">
<li><a href="javascript:void(0)" id="mapMenuVis1"
class="menu_1"></a> <span>负荷可视化</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis2"
class="menu_2"></a> <span>配变超载预警</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis3"
class="menu_3"></a> <span>停电计划管理</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis4"
class="menu_4"></a> <span>用电行为细分</span></li>
<li><a href="javascript:void(0)" id="mapMenuVis5"
class="menu_5"></a> <span>用电优化建议</span></li>
</ul>
</div>
</div>
<div class="map_out_box" id="mapOutBox">
<div class="map_box" id="mapBox">
<!--  -->
<div id="heatmapArea" position=relative
style="width:100%;height:100%;float:right;" />


</div>

</div>

$("arrowBtn").live("click",function(){ var panflat=$(this).children('a").arrt(“class”);

if($(this).children("a").attr(“class”)==="map_arrow_up"){

 that.b=true;

$("#menuBox").css("display","none");

$(this).css("border","0").children("a").attr("class","map_arrow_down");

}else{

that.b=false;

$("#menuBox").css("display","block");

$(this).css("border-bottom","3px solid  #fff").children("a").arrt("class",""map_arrow_i[);

}

});