jQuery - исчезать и исчезать при сохранении макета потока

Question

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

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

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

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

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

Приветствия

Answer 1

Сверните свое собственное исчезновение, как это:

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

Answer 2

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

Answer 3

Создание пустых DIV-файлов оболочки (с указанными размерами) для выцветающих элементов. Исчезать, что внутри. Кроме того, вы можете уменьшить его до 1%, поэтому он все равно будет занимать место, но будет едва видимым.