https://jsfiddle.net/ru2a5kfq/1/

?

?

Это ты ща меня поцеловал?!!!

Не надо так))))

Пипец. ?

Я против флуда, но в данном случае прям очень забавно вышло

??

как вам решение то?

приветики я новенький

приветики я новенький

чем сам занимаешься то?

чем сам занимаешься то?

линаксы юниксы

совсем немного знаю

Господа, подскажите, что я делаю не так

подключен жквери, плагин анимейт

Хочу, чтобы скрытая форма обратной связи красиво сверху выпадала при нажатии на кнопку

Делаю $(".btn_phone").on("click", function(){ $("#callback").removeClass("hidden").animated("fadeInDown", "fadeOutUp"); });

Но она просто появляется, глупая

В css форме прописал @include transition(all 2s ease);

что то ты навороитл с этим анимаэт

В плане чего?

посмотри для начало нативное решение для animate

если ты внимательно посмотришь, я могу путать но в animate не присуждаются классы

а выполняются функции, но тут я не уверен

сначала посмотри нативное решение анимейт

Нативное решение жквери - просто fadeIn и fadeOut. Подключаешь анимейт — немного расширяет функционал.

https://daneden.github.io/animate.css/

а разве для этого не требуется также WOW.js?

Хм, не знаю такого. На diletan.tk не нужно было

Переписал $(".btn_phone").on("click", function(){ $("#callback").animated("fadeInDown", 2000); });

и?

СТОП

.btn_phone — это кнопка, #callback — форма. Она сверху должна выплывать

что за on("click"

???

Стандартное событие jquery

клик

https://api.jquery.com/click/

может быть on("mouseover"

$( "#target" ).click(function() { alert( "Handler for .click() called." ); });

чувак. помоему

$(".btn_phone").click( function(){ $("#callback").animated("fadeInDown", 2000); });

меня учили, что просто click уже устарело

а ну хз

на jq как гвоорится норм

В общем, проблема не в этом. Как мне снизойти форму? :)

ну тогда я хз... я щас js изучаю.

а кто на чем бэкенд пишет?

Коллеги, может кто подскажет, кому аудит сайта нужен? Разработал не так давно, а денег пока нет. У меня 4 направления: техническое, Сео, маркетинг и юзабилити, и, на мой взгляд аудит наиболее полный из всех. Аналоги продаются за 20-25, а у меня 9,5. Буду признателен, если кто кому посоветует.

http://www.mightydeals.com/deal/iconshock-complete-icon-pack.html

Мож кому нужно)

В общем, проблема не в этом. Как мне снизойти форму? :)

Поднимаешь форму за экран и ставишь прозрачность. По клику на кнопке меняешь значение топ и опасита. И ставишь анимацию.

Поднимаешь форму за экран и ставишь прозрачность. По клику на кнопке меняешь значение топ и опасита. И ставишь анимацию.

Изначально она у меня имеет бустстраповский класс хидден, то есть скрытая

Значит удаляешь класс хиден

Удаляю. Нипамагает

Делаю $(".btn_phone").on("click", function(){ $("#callback").removeClass("hidden").animated("fadeInDown", "fadeOutUp"); });

На коде пенсии можешь скинуть?

Хм. Попробую

Коде пенсии? Кто то меняет слова в телефоне...

Хулиган

http://codepen.io/esx/pen/dOqgaW

На кодепене при подключенных бутстрапах и JQ даже не загружается

http://codepen.io/anon/pen/NbLOZo

помнят пальцы... хотя лучше бы забыли

помнят пальцы... хотя лучше бы забыли

fadeIn и fadeOut я знаю, они не подходят. Нужно, чтобы форма падала с неба на необходимые координаты, прописанные в css (где она просто возникает)

ERROR: S client not available

Тут вот этот плагин https://daneden.github.io/animate.css/

Чувствую, что это просто, но я что-то не так делаю

http://codepen.io/dvector/pen/qqMQVp вот заигрался я )

.animated("fadeInDown", "fadeOutUp"); надо удалить. роли он не играет

ну вот что-то доигрался я (

все работает

все работает

кроме тебя

http://codepen.io/dvector/pen/qqMQVp вот заигрался я )

Можно и без jquery

Можно и без jquery

Ну он вроде хотел jq

Ребят, а есть конфа по матану?

$( "#target" ).click(function() { alert( "Handler for .click() called." ); });

Это старое , щас события вешают как Игорь показывал

а кто на чем бэкенд пишет?

Пхр

Мож кому нужно)

Может проще плагин?

а кто на чем бэкенд пишет?

Ruby on Rails

а кто на чем бэкенд пишет?

Немного Java, немного typescript

Немного Java, немного typescript

ангуляр два?

Немного Java, немного typescript

java норм тема и тайпскрипт

Это старое , щас события вешают как Игорь показывал

ок

ангуляр два?

Нет, именно бекенд

У меня в основном фронтенд, но попалась обычная задача в банке "разбери - положи": быстрее, оказалось на тайпскрипте, чем на джаве

http://codepen.io/dvector/pen/qqMQVp вот заигрался я )

В сферических условиях работает, на сайте нифига)

В сферических условиях работает, на сайте нифига)

Ошибки показывает?

Ошибки показывает?

Нет, просто отображается. Я даже транзишн в 5 с поставил форме, но не помогает

Т.е. форма мгновенно показывается?

Да

А ты префиксы все поставил у транзишн?

Вебкит-транзишн

И т.д.

У меня автопрефиксер :)

Бля

Трансформ

Заработало, но по-другому. Щас на гисты выложу :)