jquery - 切换导航活动链接

Question

所以我基本上想做的是：

我单击关于链接，关于链接将动画到页面上的某个位置并停留在那里。当我单击链接 Portfolio 时，About 链接将动画到其“之前”（默认）位置，并且 Portfolio 链接将动画到页面上的某个位置并停留在那里。当我单击链接博客时，链接投资组合动画回到其“之前”（默认）位置，链接博客动画到页面上的某个位置并停留在那里等等......

我通常想点击链接，它会动画到一个位置，并且内容框会出现在页面上的某个位置，但我的想法是我可以通过 iframe 显示和隐藏来做到这一点。

现在我想单击一个链接并使其保持活动状态，并在我激活另一个链接时将其返回到原来的位置。

$(document).ready(function () {
    $("#about").click(function () {
        $("#about").animate({
            top: '200px'
        });
    });
});

http://jsfiddle.net/HaxS5/

Answer 1

检查以下内容：

$(document).ready(function () {
   $(".menuitem").click(function () {
    $(this).animate({
        top: '200px'
    }).siblings().css("top","");
  });
});

在这里工作小提琴：http: //jsfiddle.net/HaxS5/1/

我希望它有帮助。