Задать вопрос
@viktorulyushev
javascript

Скрипт скрытия блока,если другой блок становится больше какой то длинны?

На сайте moscow.nadommebel.com ,когда нажимаешь на поиск он раздвигается и блок который с права от него исчезает,как это сделать?раздвигающийся инпут я сделал,вот код
$(function () {
    $(".site-head-search-input").focus(function () {
        $(this).animate({ width: "576px" }, 400);
    }).blur(function () {
        $(this).animate({ width: "366px" }, 400);
    });
});

а как сделать чтобы блок исчезал не очень пойму
  • Вопрос задан
  • 119 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
fnnzzz
@fnnzzz
front-end dev
это можно сделать нативно на CSS, без JS.
https://jsfiddle.net/dtd4r7yd/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы