скольжение / ввод элементов формы в jquery

0

Я новичок в jquery, но мне трудно найти минимальный рабочий пример для достижения того, что я хочу сделать:

  1. Выборочно скрывайте поля формы, но обнаруживайте их при нажатии кнопки "Далее".
  2. Имейте минимальную простую реализацию - что-то, что работает, но минимальная сложность.
  3. Загружает компоненты формы слева или справа.
  4. Я не возражаю против того, как приносят его новые элементы формы, если они переписывают существующие элементы формы на следующем.
  5. Т.е. у меня есть 5 наборов полей таких, что нажатие "Далее" будет циклически проходить через все те элементы div или наборы полей.

Есть ли предложения или учебные пособия для этого?

Благодарю.

Теги:

2 ответа

1
Лучший ответ

Попробуй это:

http://jsfiddle.net/BTsL3/8/

$(document).ready(function(){
    var counter = 1;
    $(".button1").click(function(){
        if(counter != 5)
        {
            $( ".form" + counter ).slideUp();
            counter++;
            $( ".form" + counter ).slideDown();
        }
        else
        {
            $( ".form" + counter ).slideUp();
            counter = counter - 4;
            $( ".form" + counter ).slideDown();
        }
    });
});
  • 0
    Круто, это здорово - есть ли способ, которым я мог бы перебрать N <div class = "form1"> элементов. Т.е. у меня их 5 таких, что нажатие «Далее» будет циклически проходить через все эти элементы div.
  • 0
    Благодарю. В идеале первый раздел должен отображаться при загрузке и щелчке, вторая секунда должна загружаться, но брать первую. Мне нужно использовать один из них - так как мне адаптировать это к использованию тегов <div>.
Показать ещё 1 комментарий
0

Хорошо, вот Фиддл, чтобы действительно заставить его войти с левой стороны, а для формы и добавления нового.

введите ссылку здесь

Стек меня забрасывает код, так что это фрагмент, полный код в скрипке.

$("#myform").animate({ left: '0'}, 600, function() {
    $(".thrown").animate({ left: '0'}, 900);
});

--Редактировать--

Если вы хотите пойти справа, в CSS, измените значение left: от -2500 до 2500..., которое заставит его начать с правой стороны страницы (все еще скрыто) и перейти к финальной расположение слева: 0;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню