javascript - 用 2 个链接切换 2 个 div

Question

我对 jquery 很陌生，这就是我想要做的：

我有两个链接：link1 - link2 和 2 个 div：div1, div2

我想做的事：

如果你点击link1它会滑动div1，如果你再次点击link1，它会滑动div1但是如果你点击link1然后点击link2我希望div1先滑动然后div2向下滑动

这是我正在玩的代码：

$(document).ready(function(){

   $("#div1").hide();
   $("#div2").hide();
   $('.link1').click(function(){
       $("#div2").slideUp();
       $("#div1").slideToggle();
   });
   $('.link2').click(function(){
       $("#div1").slideUp();
       $("#div2").slideToggle();
   });

});

Answer 1

这是否符合您的要求？

http://jsfiddle.net/dJLK3/1/

如果是这样，请查看有关动画功能的文档，例如slideUp。在那里你可以看到回调是如何工作的。

Answer 2

参考现场演示

实际上你的代码工作正常。目前我已经申请了班级。

HTML：

<div class="link1">Link1</div>
<div class="link2">Link2</div>

<div class="div1">DIV1</div>
<div class="div2">DIV2</div>
​

JS：

$(".div1").hide();
$(".div2").hide();
$('.link1').click(function(){
    $(".div2").slideUp();
    $(".div1").slideToggle();
});
$('.link2').click(function(){
$(".div1").slideUp();
$(".div2").slideToggle();
});​