Как плавно открывать панели на вкладках в расширении Firefox?

Question

Наше расширение Firefox отображает 25 лучших результатов Bing в боковой панели всякий раз, когда кто-то ищет в Google. Результаты очищаются для дубликатов.

Боковая панель по умолчанию закрыта. Только когда кто-то просматривает страницу результатов Google, открывается боковая панель. Боковая панель автоматически закрывается снова, когда кто-то открывает страницу, не принадлежащую Google.

К сожалению, открытие и закрытие панели неуклюже. Боковая панель реализована в виде vbox, и мы устанавливаем для ее свернутого свойства значение «true» или «false» в зависимости от URL.

Шаги для воспроизведения:

1) Скачать расширение: https://addons.mozilla.org/en-US/firefox/addon/66587.

2) Найдите «обувь» на Google.com или в строке поиска Firefox.

3) Щелкните один из результатов поиска, отображаемых на боковой панели Panabee. Откроется результат в новой вкладке.

4) Нажмите вперед и назад между двумя вкладками. Открытие / закрытие панели неуклюже.

Есть предложения о том, как сгладить открытие / закрытие панели? Должны ли мы использовать что-то кроме свернутого свойства? Мы возились со скрытой собственностью, но она не была более гладкой.

Answer 1

Если вы пишете надстройку, используя Jetpack , она автоматически поставляется с jquery . Поскольку вы, вероятно, делаете это без Jetpack, я бы включил jquery с надстройкой и использовал встроенные эффекты синхронизации, такие как animate() или toggle(). Firefox использует XUL, поэтому вы можете использовать любую инфраструктуру javascript для написания таких вещей, как боковая панель, поскольку все они являются частью DOM.