日期:2014-05-16  浏览次数:20383 次

请大家帮忙修改下,小弟不懂!
<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();