JQuery удивительное облегчение

Question

Как добиться чего-то подобного:

http://ofertymieszkan.pl/

(нажмите зеленую кнопку "DALEJ" в середине и затем визуально "podstawowej wyszukiwarce" под кнопкой "WYSZUKAJ")

Элемент исчезает, а затем элегантно исчезает.

Любые демонстрации / идеи и т. Д .?

Answer 1

jQuery animate(): http://api.jquery.com/animate/ Я полагаю, это одновременно оживляет left и opacity.

Вот краткий пример, который я приготовил для вас: http://jsfiddle.net/PTyue/

Answer 2

На первый взгляд, это просто использование animate() изменения значений left и opacity.Грубо говоря, это то, что делает их код:

$('#estate_search_submit').click(function ()
{
    $('#first-step').animate({left: '-=250', opacity: 0});
    return false;
});

http://jsfiddle.net/mattball/7yTK3/2/

Это первый шаг, который ускользает.Я дам вам понять, как заставить второй шаг скользить.

Answer 3

Это JQuery. Эффекты: fade и slide . Использование может использовать основной эффект animate () и настроить вас так, как вы хотите

(ссылки из документации по jQuery UI)

Answer 4

jQuery UI предлагает этот вид возможностей и различные варианты замедления для его функций show и hide .

Если вы копаетев коде сайта, на который вы ссылаетесь, они используют пользовательский интерфейс jQuery и jQuery (он минимизирован и объединен в файл с именем app.js).