VPF::Jquery, скрытие-отображение блока

Mastodont

Дата 1.12.2013, 22:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 18.3.2007

Репутация: нет
Всего: 1

Задача в том, чтобы плавно отобразить-скрыть сообщение "Товар добавлен в корзину" в интернет-магазине

Есть div

Код


<div id="div_buy_tovar_message" style="border: 1px solid red; width: 400px; height: 230px; position: fixed; top: 160px; left: 736px; background: white; z-index: 5; display: none;" >
        Товар добавлен в корзину!
    </div>

и скрипт

Код


                $("#div_buy_tovar_message").css("display", "block");
                $("#div_buy_tovar_message").css("opacity", "0.1");
                
                $("#div_buy_tovar_message").animate({opacity: 1}, 200);
                
                $("#div_buy_tovar_message").delay(1500).animate({opacity: 0.5}, 700);
                $("#div_buy_tovar_message").css("display", "none");

Так блок вообще не появляется. Но стоит убрать строку

Код

$("#div_buy_tovar_message").css("display", "none");

и все работает. Но без display:none прозрачный блок висит на странице и мешает нажимать на ней что либо. Ф-ция hide() тоже не прокатывает. Вопрос - почему display: none не срабатывает?

Linless

Дата 3.12.2013, 14:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 3.12.2013

Репутация: нет
Всего: нет

Код


$("#div_buy_tovar_message").hide();
$("#div_buy_tovar_message").fadeIn().delay(1500).fadeOut();

А почему бы не сделать так ?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »