Javascript Sliding Divs问题

Question

我在同一页面上有两个表单，我想在页面加载时只显示一个表单，而其他表单只有在单击链接时才可见。我尝试了很多方法，但每次都失败了。我不太了解JS或jquery，任何帮助将不胜感激。这是我的小提琴：

http://jsfiddle.net/c73bjypu/1/

$(function () {
    $('#slide_btn_1').on('click', function(){
        if($('#form_cont_one').css('form_content_one') == '0px') {
            $('#form_cont_one').animate({'form_cont_one': '-105%'});
            $('#form_cont_two').animate({'form_cont_one': '0px'});
        } else {
            $('#form_cont_one').animate({'form_cont_one': '0px'});
            $('#form_cont_two').animate({'form_cont_one': '105%'});
        };
    });
});

Answer 1

请参阅此updated fiddle：

$('#slide_btn_1').on('click', function(){
    if($('#form_cont_one').css('left') == '0px') {
        $('#form_cont_one').animate({'left': '-100%'});
        $('#form_cont_two').animate({'left': '0px'});
    } else {
        $('#form_cont_one').animate({'left': '0px'});
        $('#form_cont_two').animate({'left': '-100%'});
    };
});

Answer 2

function pageLoad(){
$('#form_cont_one').show();

$('#form_cont_two').hide();
}

function onLinkClick(){
$('#form_cont_two').show();

}