2012-02-07 18 views
1

http://jsfiddle.net/9BCrs/DIVアニメーションの問題

アイデアはスライド左と左DIVのスライドをクリックすることです。何も動かないのは、Slide Rightをクリックして何も動かない場合です。

何か助けていただければ幸いです。

$(function(){ 
    $(".link1").click(function(){ 
     $(".block1").stop(true, true).animate({left:-400}, 200); 
     $(".block2").stop(true, true).animate({left:25}, 200); 
    }); 
}); 

$(function(){ 
    $(".link2").Click(function(){ 
     $(".block2").stop(true, true).animate({left:450}, 200); 
     $(".block1").stop(true, true).animate({left:25}, 200); 
    }); 
}); 

とHTML

<div id="block_container"> 
    <div class="block1"> 
     <div class="link1">Slide Left</div> 
    </div> 
    <div class="block2"> 
     <div class="link2">Slide Right</div> 
    </div> 
</div> 

答えて

1

タイプミス、あなたは.link2セレクタのclick機能のための大文字の 'C' を持っています。

$(".link2").click(... 

各ハンドラを独自のドキュメントレディハンドラにラップする必要はありません。

Updated fiddle

+0

おかげのように、それを感謝し、 "クリック" 大文字C.使用します。 – Andy

1

あなたが綴られています$(」。リンク2" )。この

$(".link2").click 
+0

ありがとうございます。私はそれを逃したとは信じられません。 – Andy

関連する問題