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

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

用2个链接切换2个div

2 个答案:

HTML：

JS：