Mam na stronie 3 równomiernie rozłożone elementy. Założenie jest takie, że po najechaniu na ikonę div się powiększa ukazując całą grafikę. Niby działa, ale... no właśnie. Zostaje "ale". Po powiększeniu rozjeżdżają się pozostałe elementy. Próbowałem kombinować z margin-bottom i position, ale nie pomogło. Jakaś podpowiedź?

Kod

Kontener przechowujący ikonę ustaw na stałą wysokość dla wszystkich elementów. Taką która zmieści powiększoną ikonę.

P.S. Dlaczego nie używasz do tego czystego CSS?

Dzięki, działa idealnie

Ikony są odnośnikami do najważniejszych miejsc na stronie, js ma względy jedynie estetyczne - przy wyłączonej obsłudze divy powiększają się w CSS

Czyli przy włączonym JS powiększasz jednocześnie właśnie w JS i CSS?

We właściwym kodzie element .icon ma dwie klasy. Druga obsługuje jedynie zdarzenie hover, ale jest usuwana w pierwszych linijkach skryptu js - czyli przy włączonym js jest płynna animacja (jak w okrojonym kodzie z pierwszego posta), a jeżeli js jest wyłączony, to po najechaniu na ikonę div jest powiększany przez CSS.