НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗jqEftFM 108 of 113 menu

Метод fadeToggle в jQuery

Метод fadeToggle работает аналогично методу slideToggle, он тоже реализует чередование эффектов: то показывает элемент, то скрывает.

Например, мы можем, нажимая на одну и ту же кнопку и показать и скрыть элемент. Давайте реализуем данный метод на следующем HTML коде:

<button id="toggle">click me</button> <div id="elem">text...</div>

Пусть CSS выглядит так:

#elem { padding: 10px; width: 150px; height: 150px; border: 1px solid green; margin-top: 10px; }

Прописываем следующий Javascript код:

$('#toggle').click(function() { $('#elem').fadeToggle(1000); });
Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить