jquery两套图标，点击实现图标切换

要实现如下效果，点击不同图标切换不同内容，同时图标颜色变换颜色。当前图标是有灰色和蓝色两套，思路是控制src加载不同的图片。

html代码：

<div style="padding-left:10px;padding-top:10px;background-color:#0d1a25;height:50px;line-height:50px;width:100%">
			<div id="screenImg" class="screenTabs"><img title="缩略图展示" src="<%=path%>/imp/layout/largescreen/screenImg-lan.png"></div>
			<div id="screenList" class="screenTabs"><img title="大屏列表" src="<%=path%>/imp/layout/largescreen/screenList-hui.png"></div>
			<div id="screensList" class="screenTabs"><img title="轮播组列表" src="<%=path%>/imp/layout/largescreen/screensList-hui.png"></div>
		</div>

jquery代码：

$(".screenTabs").click(function () {
            $(".screenDivs").hide();
    		$("#"+$(this).attr('id')+"Div").show();
    		if($(this)[0].firstChild.src.indexOf('hui')!= -1){	//判断当前图标是否是灰色
    			$(this)[0].firstChild.src = $(this)[0].firstChild.src.replace('hui','lan');
    			var arr = $(this).siblings();
    			$.each(arr,function(i,val){
    				val.firstChild.src = val.firstChild.src.replace('lan','hui');
    			})
    		}
        })