Jquery 滑动切换内容与导航？

我想通过在导航中按名称定位内容，从而滑动切换其中包含不同内容的div

我已经有了：

$(".div1, .div2, .div3").hide();

$(document).ready(function(){

    $("nav a").click(function () {  
    var divname= this.name;
    $("."+divname).siblings().slideUp(500, function () {
    $("."+divname).slideToggle();
});
});
});

<nav>
<a name="div1">SlideToggle Div 1</a>
<a name="div2">SlideToggle Div 2</a>
<a name="div3">SlideToggle Div 2</a>
</nav>

<div id="container">
<div class="div1">Content Div 1</div>
<div class="div2">Content Div 2</div>
<div class="div3">Content Div 3</div>
</div>

$（“.div1.div2.div3”）.hide（）；
$（文档）.ready（函数（）{
$（“导航a”）。单击（函数（）{
var divname=this.name；
$（“+divname）.sides（）.slideUp（500，函数（）{
$（“+divname）.slideToggle（）；
});
});
});
滑动切换分区1
滑动切换分区2
滑动切换分区2
内容组1
内容组2
内容组3

我希望每个div先向上滑动，然后再向下滑动新div的内容，这是menue中的目标，等等

该脚本有问题：

有了两个div，它就开始工作了。添加第三个确实会使其向下滑动和向上滑动。添加一个forth确实会使其向下滑动、向上滑动和向下滑动等等。一定是兄弟姐妹的想法有问题吧

---

谢谢。

有一个可用的JSFIDLE页面，请查看。我对你的代码做了一些工作，看看这是否是你想要的更新代码立即重试链接

$(".div1, .div2, .div3").hide();
$(document).ready(function() {
  var firstTime = true;
  $("nav a").click(function() {
    var divname = this.name;
    if (!firstTime) {
        if ($(".slid").hasClass(divname)) {
            firstTime = true;
            $(".slid").removeClass("slid").slideUp();
        } else {

            $(".slid").removeClass('slid').slideUp(500, function() {
                $("." + divname).slideToggle().addClass("slid");

            });
        }
    } else {
        $("." + divname).slideDown().addClass("slid");
        firstTime = false;
    }

  });
});

---

什么不正常？两个div都正常。添加第三个确实会使其向下滑动和向上滑动。添加一个forth确实会使其向下滑动、向上滑动和再次向下滑动等等。一定是兄弟姐妹的想法有问题吗？抱歉，键入错误。谢谢。我纠正了它。我的问题中还添加了这个脚本的错误之处。查看它，我了解您想要的是什么。@Mellos查看我的链接，它将您带到JSFIDLE，其中显示了一些我编写的jQuery谢谢！这正是我想要的！非常感谢！哦，还有一个问题：当我再次点击同一个链接时，它会再次上下滑动。可以向上滑动（合上）它吗？