Задача в том, чтобы плавно отобразить-скрыть сообщение "Товар добавлен в корзину" в интернет-магазине
Есть 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 не срабатывает? |