与slideToggle在嵌套列表上挣扎

Question

首先，老实说，当谈到JQuery时，我是个noob。我一直在观看大量的教程，并阅读jQuery网站本身。在我开始理解它的时候，这个概念至今还没有被“点击”。

我目前正在进行产品展示，以便在产品图像上方悬停时需要滑动的框。此框包含模型列表。

我已经得到了页面在这里设置：

http://www.tailwatersflyfishing.com/sage-fly-rods

这是我试图复制（我们的棒供应商之一）

http://www.sageflyfish.com/rods-landing.html

我的影响已经试图编写代码，但没能实现它的工作。这是我目前在页面：

$('document').ready(function() { 
    $('.rod-tall').children('.rod-inner').children('.rod-list').hide(); 
    $('.rod-list ul div li ul li a').click(function() { 
     window.location = $(this).attr('href'); 
    }); 

    $(".rod-tall .rod-inner").mouseenter(function() { 
    $(this).children('.rodlist').children('.desc-box').slideToggle('fast'); 
    }); 

    $(".rod-tall .rod-inner").mouseleave(function() { 
    $(this).children('.rodlist').children('.desc-box').slideToggle('fast'); 
    }); 
}); 

---- ---- UPDATE

我现在有这包括在我的网页：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.rod-list').hide(); 
    $('.rod-tall').hover(function() { 
    $('.rod-list',this).slideToggle('fast'); 
    },function() { 
    $('.rod-list',this).slideToggle('fast'); 
    });​ 
</script> 

所有原型错误不见了。但我得到这个错误（未捕获的SyntaxError：意外的令牌非法），我希望这是脚本不起作用的原因。是否有导致此错误的无效字符或隐形字符？

谢谢！

Answer 1

这个怎么样（jsFiddle example）：

jQuery的：

$('.rod-list').hide(); 
$('.rod-tall').hover(function() { 
    $('.rod-list',this).slideToggle('fast'); 
},function() { 
    $('.rod-list',this).slideToggle('fast'); 
}); 

CSS：

.rod-list { 
    position:absolute; 
} 

Answer 2

有在页面上的错误：

window.location = $(this).attr('href';) 

分号是括号内。

Answer 3

这就是你正在尝试做的：

个

$(document).ready(function() { 
    $('.rod-list').hide(); 

    $('.rod-tall').on({ 
     mouseenter: function() { 
      $('.rod-list', this).slideDown('fast'); 
     }, 
     mouseleave: function() { 
      $('.rod-list', this).slideUp('fast');  
     } 
    }); 
});​ 

FIDDLE