Как анимировать этот элемент?

Дмитрий: на сколько я помню по дефолту оно должно дать обратный эффект когда идет отклик.. но похоже ты прав скорее всего надо две анимации делать.. я просто делал давненько могу попробовать сделать, но я как понял ты и сам то умеешь ;)

Как с помощью поля input вызывать блоки по id?

teotlu: Да то что блок есть это хорошо, а вот то что я говорил что в инпуте если стираешь что то то и блок пропадает, просто я на самом деле хотел что бы не при вводе уже прям появлялось всЕ, а при нажатии окей, что то подобное поисковому запросу и что бы бралось оно непосредственно не с разметки файла индекс где сам инпут, а с отдельных html документов. Но в любом случаи, вам большое спасибо, я больше не хочу вам предоставлять какие то не удобства или отнимать время.. Большое спасибо)))

Как с помощью поля input вызывать блоки по id?

teotlu: Спасибо Вы волшебник! У вас все идеально получилось, только вот когда удаляешь то что написано в поле то и блок пропадает, а можно сделать что бы пропадало только тогда когда что то новое впишешь и хотел еще только одно спросить, можно еще сделать какой то блок который будет показан если слова которые человек впишет не находятся в списке?)) И тогда вообще будет просто идеально просто!)))) Вы действительно понимаете то что делаете!

Как анимировать этот элемент?

Дмитрий: через keyframe пропиши саму анимацию как действовать должна, а через transition уже в самом основном классе пропиши, скорость задержку и т.д.

Как с помощью поля input вызывать блоки по id?

Немного не так, смотрите юзер видит ситуацию так, перед ним текстовое поле, он воодит Текстовый блок и для блока с текстом у которого стоит display none ставится display block ели он вводит за этим сразу другой запрос то блок с текстом пропадает и появлется другой который вызван допустим морковка и появляется блок с картинкой морковки и текстом и т.д. но допустим вариаций у той самой морковки и текстового блока надо сразу продумать по больше допустим "Морковка, Морковь, Мне нужна Морковь" и при вводе любого из этих значений появляется именно блок с Морковью и т.д. Я думал это нужно как то эти запросы привязать к id блока но пока я сам не понимаю как это реализовать, я вижу лишь только как это должно работать..

Как с помощью поля input вызывать блоки по id?

Спасибо, я примерно понял что вы написали.. но все таки не до конца, где тут связь с id блоком и сам id блок который вызывается? Может у вас есть возможность пример сделать на codepen что бы я смог посмотреть и разобрать))) Я понял что вы специалист, но я только учусь, буду очень сильно рад если поможете !))) Спасибо за ранее)