jQuery幻灯片菜单悬停操作

好的事情是这样的，我得到了两个div，一个是我的导航， 另一个具有与我的导航几乎相同id的相同数量的li标记，这些li标记包含一个图形，当悬停导航时，该图形假定为滑动。 让我解释一下

这是我的导航

<ul id="navInside">
  <li><a id="nInicio" href="index.php" >Inicio</a></li>
  <li><a id="nHistoria" href="history.php" >Historia</a></li>
  <li><a id="nQuienes" href="aboutus.php" >Quienes somos</a></li>

你能帮我找到正确的选择器使它工作吗

我被困了好几天。。。

---

谢谢

锚上有

id

，而不是

（此

所指的
），因此您的悬停应该是：

$('#navInside li a').hover(function (){
  $("#S" + this.id).animate({top: '0px'}, 500);
}, function (){
  $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');
});  

或者，使用您拥有的代码，将
id
向上移动到
，如下所示：

<ul id="navInside">
  <li id="nInicio"><a href="index.php" >Inicio</a></li>
  <li id="nHistoria"><a href="history.php" >Historia</a></li>
  <li id="nQuienes"><a href="aboutus.php" >Quienes somos</a></li>





对不起，我不清楚$（“#S”+this.id）是什么？我在html中的其他任何地方都看不到id=“S”…
一些小事情，比如寻找一个比你认为的低一级的id，这会让你成功，但尼克做到了。有时我会使用“jQuery Selectors”Chrome扩展来确保我在遇到问题时能够正确地处理元素。您好，这是因为当悬停navInside时，会有一个id=“navInside”，另一个id=“Navsiles”，然后移动幻灯片（在幻灯片中，您可以使用颜色框、图像或图标移动^^^非常酷…您可以在www.conelectricas.com上查看最终结果。）
$('#navInside li a').hover(function (){
  $("#S" + this.id).animate({top: '0px'}, 500);
}, function (){
  $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');
});  

<ul id="navInside">
  <li id="nInicio"><a href="index.php" >Inicio</a></li>
  <li id="nHistoria"><a href="history.php" >Historia</a></li>
  <li id="nQuienes"><a href="aboutus.php" >Quienes somos</a></li>