用 2 个链接切换 2 个 div答案

【问题标题】：Toggle 2 divs with 2 links用 2 个链接切换 2 个 div
【发布时间】：2012-07-25 19:44:25
【问题描述】：

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

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

我想做的事：

如果你点击link1它会滑动div1，如果你再次点击link1它会滑动div1 但如果您单击链接 1，然后单击链接 2，我希望 div1 向上滑动，然后向下滑动 div2

这是我正在使用的代码：

$(document).ready(function(){

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

});

【问题讨论】：

你能显示这个 HTML 吗？
请分享你的html来看看，我一点都不清楚。

标签： javascript jquery

【解决方案1】：

这是否符合您的要求？

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

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

【讨论】：

【解决方案2】：

参考LIVE DEMO

实际上您的代码运行良好。目前我已经申请了班级。

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();
});

【讨论】：

正如您在演示中看到的那样，div 滑过最后一个。我想先关闭一个，然后再打开另一个。