jQuery - затухание элемента в/из при сохранении макета потока

Question

У меня есть список элементов в моем веб-приложении; каждый из них имеет набор командных кнопок, расположенных под ним.

Чтобы поддерживать чистоту интерфейса, эти кнопки отображаются только при наведении курсора на элемент. Кнопки завернуты в теге, который имеет следующий атрибут CSS: visibility: hidden

Это сохраняет макет - так что элементы списка не прыгают, как открываются кнопки.

Что я хочу сделать, это вывести кнопки в/из с помощью jQuery. Однако методы по умолчанию (fadeIn(), fadeOut()), похоже, используют display: none, что удаляет кнопки из потока.

Что мне нужно - это способ их угасать или использовать с помощью атрибута visibility. Итак, прежде чем я приступаю к поиску, знает ли кто-нибудь о очевидном способе сделать это, которого я не хватает?

Приветствия

Answer 1

Создайте пустые DIV-файлы (с указанными размерами) для элементов, которые вы замираете. Угадайте, что внутри. В качестве альтернативы вы можете вывести его на 1%, поэтому он все равно займет место, но будет едва заметным.

Answer 2

Похоже $ (это) .fadeTo ("медленный", 0); должен сделать это, документы ничего не говорят о настройке отображения. Только fadeOut() имеет отображение: none; установленный в документах, но дайте мне мгновение, и я проверю его.

Answer 3

Ролл свой собственный Затухание, как это:

$(this).animate({opacity: "0.0"});