<script type="text/javascript" src="jquery-1.10.2.js"></script><script type="text/javascript"> $(document).ready(function () { $(".p_hot dl").hide(); $(".p_hot dl:first").show(); $(".p_hot li h2").mouseover(function () { if ($(this).next().is(":hidden")) { $(".p_hot dl").slideUp(); $(this).next().slideDown(); $(this).hide() } });}) </script> 整体上给你添加了一个$(this).hide(),由于后续需求你没有描述清楚,就先这样回答
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function () {
//先隐藏所有Item
$(".p_hot dl").hide();
$(".p_hot li h2").mouseover(function () {
$(this).next().show();
});
$(".p_hot li h2").mouseout(function () {
$(this).next().hide();
});
})
</script>
</head>
<body>
<div class="p_hot">
<ul>
<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>
<dd>111111111111</dd>
</dl>
</li>
<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>
<dd>111111111111</dd>
</dl>
</li>
</ul>
</div>
</body>
</html>
不知道楼主的意思是不是这样的