请大家伙儿帮忙修改下，小弟不懂

2013-12-13

请大家帮忙修改下，小弟不懂！script typetext/javascript srchttp://www.linzl.com/wp-content/theme

请大家帮忙修改下，小弟不懂！

<script type="text/javascript" src="http://www.linzl.com/wp-content/themes/linzl/script/jquery-1.4.4.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function () {
    //先隐藏所有Item
    $(".p_hot dl").hide();
    //显示第一个Item
    $(".p_hot dl:first").show();
    $(".p_hot li h2").mouseover(function () {
        //如果当前Item是隐藏
        if ($(this).next().is(":hidden")) {
            //先slideUp所有Item
            $(".p_hot dl").slideUp();
            //slideDown当前Item
            $(this).next().slideDown();                   
        }
    });
}) 
</script>

<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>

我这里有一个js特效，想请大家帮忙修改下，就是：
鼠标放上某个h2这个元素上该dl元素显示，然后隐藏该h2元素
[解决办法]

<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>

不知道楼主的意思是不是这样的

热点排行

JavaScript

请大家伙儿帮忙修改下，小弟不懂