onclick改变图片背景 及显示隐藏div

  <script type="text/javascript">
function $(id){return document.getElementById(id);}
var flag='0';
if(flag==1)
{
   $('list_102').style.display='block';
   $('openmoreInfo').title='收起选房条件';
   $('openmoreInfo').src='key_off.gif';   
}
else
{
	$('list_102').style.display='none';
	$('openmoreInfo').title='更多选房条件';
	$('openmoreInfo').src='key_on.gif';
}
function changeGetHouseDes(){
if($('list_102').style.display=='none')
{
$('list_102').style.display='block';
$('openmoreInfo').title='收起选房条件';
$('openmoreInfo').src='key_off.gif';
flag=1;
}
else
{
$('list_102').style.display='none';
$('openmoreInfo').title='更多选房条件';$('openmoreInfo').src='key_on.gif';
flag=0;
}

}

$('openmoreInfo').onmouseout=function()
{
if($('list_102').style.display!='none')
{
$('openmoreInfo').src='key_off.gif';
}
else{$('openmoreInfo').src='key_on.gif';}
}
</script>

  <div>
<img id="openmoreInfo"  style ="cursor :pointer" onclick="changeGetHouseDes()"  src="key_on.gif"  />
</div>
 <ul id="list_102"  style="display:none; border:1px solid #e00; 500px; height:200px" >
 隐藏的内容</ul>