Якщо вам потрібна плавна анімація, можна поставити число в мілісекундах 200, 400, 1200 і т.д. або фрази в стилі slow. fast - тут вже як зручніше, детальніше дивіться в документації 🙂. Ну і якщо анімація нам не потрібна взагалі, а вона буває за замовчуванням вже задана 600 (якщо нічого не плутаю), то просто ставимо 0 - fadeIn (0);
Звичайно це не найкращий варіант, і я вам настійно рекомендую кілька разів подумати перш ніж це все використовувати - адже всі ці ефекти створювалися явно не для того щоб приховувати елементи зі сторінки
Як приховати елемент використовую присвоєння класів в jQuery
Один з найбільш «нормальних» варіантів 🙂 це привласнювати тимчасові класи. До речі кажучи, такі класи краще виділити якось на тлі інших, наприклад, мені сподобалася ідея додавати приставку .js- як на мене, дуже зручно.
На самому початку статті вже розглядалися варіанти приховування на CSS, самий адекватний це:
$ (This) .addClass ( 'js-hidden'); - додаємо клас тому об'єкту. по якому ми скликали,
$ (This) .removeClass ( 'js-hidden'); - прибираємо клас по кліку,
$ (This) .toggleClass ( 'js-hidden'); - автоматом прибираємо або додаємо клас, по черзі.
Зверніть увагу, що якщо ви хочете закрити «попап» або інший елемент на сторінці, вам потрібно замінити $ (this) на свій селектор $ ( '. MySelector'), і не забувайте, одну дуже важливу річ - ховати потрібно в повному обсязі елементи на сторінці, а тільки той, який відноситься до поточної кнопці. Так, це означає що вам доведеться шукати батька. починаючи від елемента за яким ви кликнули.
Сподіваюся, ви самі розберетеся які з цих порад можна вважати «шкідливими», а які можна сміливо застосовувати 🙂
Надаю послуги по створенню проектів на CMS 1С-Бітрікс - сайти, шаблони і компоненти з нуля.