0

私はjqueryにかなり慣れていないので、これが私がやろうとしていることです。

私は2つのリンクを持っています：link1-link2そして2つのdiv：div1、div2

私がしたいこと：

link1をクリックするとdiv1がスライドダウンし、link1をもう一度クリックするとslideUp div1になりますが、link1をクリックしてからlink2をクリックすると、div1がslideUpになり、次にdiv2がslideDownになります。

これが私が遊んでいたコードです：

$(document).ready(function(){

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

});
4

2 に答える 2

0

これはあなたが探していることをしますか？

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

その場合は、slideUpなどのアニメーション関数のドキュメントを参照してください。コールバックがどのように機能するかを確認できます。

于 2012-07-25T19:53:20.277 に答える
0

ライブデモを参照

実際、あなたのコードは正常に動作します。現在、クラスとして申し込んでいます。

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();
});​
于 2012-07-25T19:53:52.427 に答える