Javascript Sliding Divs Issue

У меня есть две формы на одной странице, и я хочу показать только одну форму, когда загрузка страницы и другая форма должны быть видны только при нажатии ссылки. Я пробовал много методов, но каждый раз проваливался. Я не знаю много о JS или jquery, и любая помощь будет оценена по достоинству. Вот моя скрипка:Javascript Sliding Divs Issue

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%'}); 
     }; 
    }); 
});

источник

2014-12-20 Anonymous

Смотреть это 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%'}); 
    }; 
});

источник

2014-12-20 11:51:33 Ferret

Спасибо. Но у меня есть две ссылки для переключения форм. Я хочу показать «форму два», когда нажата кнопка slide_btn_2 и вы хотите показать «Форма 1» при щелчке по щелчку slide_btn_1. См.: Http://jsfiddle.net/c73bjypu/3/ –

В вашем html нет ни слайд_btn_1, ни slide_btn_2. Попробуйте понять код (прочитайте jquery-docs) и измените его на свои нужды. – Ferret

Наверное, я забыл обновить скрипку. Это было на самом верху: http://jsfiddle.net/c73bjypu/4/ –

-1

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

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

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

}

источник

2014-12-20 11:47:02 NewBie

Javascript Sliding Divs Issue

ответ

Смежные вопросы