У меня на сайте два элемента в одном контейнере.Один виден (дисплей: блок), а другой скрыт (дисплей: нет).На событии я хочу, чтобы видимый элемент скрывался, а скрытый элемент отображался.Проблема в том, что когда я показываю скрытый элемент после скрытия видимого элемента, у него всегда есть доля секунды, когда он переходит от своей предыдущей сложенной позиции поверх видимого элемента к позиции, в которой он должен быть:
Velocity(document.getElementById("originallyVisible"), { opacity: 0 }, { display: "none" }, {duration: 500});
Velocity(document.getElementById("originallyHidden"),{ opacity: 1 },{ display: "block" },{duration: 500, delay: 200000});
Примечание: код находится в speed.js, но он должен быть эквивалентен .hide () и .show () в нативном jQuery, согласно документации.Пожалуйста, дайте мне знать, если проблема связана со скоростью.
Я думал, что это конфликт с двумя командами, находящимися рядом друг с другом, поэтому я добавил задержку ко второй команде.Тем не менее, независимо от того, как долго задержка, проблема все еще преобладает.
Почему это происходит?