DIV Анимация

Question

http://jsfiddle.net/9BCrs/

Идея состоит в том, чтобы щелкнуть Slide Left и DIV slide влево - это работает. Что не работает, так это если я нажимаю 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>

Answer 1

Вы написали $ (". Link2"). Нажмите с заглавной буквы C. Используйте "click", как это

$(".link2").click

Answer 2

Опечатка, у вас есть заглавная буква 'C' для функции click на селекторе .link2.

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

Стоит также отметить, что вам не нужно помещать каждый обработчик в отдельный обработчик документов.

Обновленная скрипка