简单的jquery滑动门代码

简单的jquery滑动门代码，收来以备不时之需。

html代码

<ul id="jq_hdm">
	<li class="active">
		<h3>111111111111111111111</h3>  
		<p>222222222222222222222222222222222222222</p>  
	</li>  
	<li>
		<h3>111111111111111111111</h3>  
		<p>222222222222222222222222222222222222222</p>   
	</li>
	<li>
		<h3>111111111111111111111</h3>  
		<p>222222222222222222222222222222222222222</p>   
	</li> 
	<li>
		<h3>111111111111111111111</h3>
		<p>222222222222222222222222222222222222222</p>  
	</li> 
	<li>
		<h3>111111111111111111111</h3>  
		<p>222222222222222222222222222222222222222</p>   
	</li>  
</ul>

js代码

$(function(){  
   $("#jq_hdm li").each(function(){  
      $(this).mouseover(  
         function(){  
            $("#jq_hdm li.active").removeClass("active");  
            $(this).addClass("active");  
      });  
   });  
});