Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   После скрытия блока через заданное время (https://javascript.ru/forum/misc/44246-posle-skrytiya-bloka-cherez-zadannoe-vremya.html)

zoOmer 12.01.2014 18:51

После скрытия блока через заданное время
 
Добрый вечер ув. знатоки помогите довести идею до ума)
Не получается сделать такую штуку имеется код скрытия/раскрытия блока.

function show_chat() {
$('.chat_over').animate({bottom:'20px'},200)
$('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)})
}
function hide_chat() {
$('.chat_over').animate({bottom:'-390px'},200)
$('#bottom_chat').fadeOut(200,function()                       
{$('#top_chat').fadeIn(200)})
}


Не получается сделать так чтоб когда тыкнули на скрыть блок т.е. hide_chat(); через заданное время блок стал полу прозрачный.

Помогите пожалуйста Заранее огромное спасибо!

Zuenf 12.01.2014 22:53

Используй функцию delay(задержка в миллисекундах) перед анимацией.
function show_chat() {
//Тут тоже добавляем анимацию opacity
$('#chat').stop().animate({opacity:'1'}, 200);
$('.chat_over').animate({bottom:'20px'},200)
$('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)})
}
function hide_chat() {
$('.chat_over').animate({bottom:'-390px'},200)
$('#bottom_chat').fadeOut(200,function()                       
{$('#top_chat').fadeIn(200, function(){
//Вот оно
$('#chat').delay(2000).animate({opacity:'0.5'}, 200);
})})
}


И еще почитай про функцию stop и ее использование, может пригодиться.

zoOmer 13.01.2014 00:21

Zuenf,
По идеи со всем не то...
Мне нужно чтоб когда блок сворачивается и находиться свернутым состояние то к примеру через 4000 миллисекунд он автоматически стает полу прозрачным т.е. {opacity:'0.5'}... Как то вот так ... думаю такое вообще возможно?

Zuenf 13.01.2014 01:13

Без HTML совсем "немного" не понятно где и какие id у тебя там находятся.
Думалось мне, что у тебя #top_chat и #bottom_chat обернуты в #chat.
Но если сие действие нужно производить с #top_chat,
тогда так:
http://fiddle.jshell.net/t4Vmd/3/

zoOmer 13.01.2014 16:50

Zuenf,
Вот хтмл и ксс и js.

http://jsbin.com/IZIhidA/2/edit

Еще раз поясню может что упустил.
Мне нужно чтоб когда блок скрывают то после клика блок с ежяет как сча но при этом через 4000 миллисекунд он становиться полу прозрачным. И когда юзер его обратно открывает то он становиться обратно нормальным прозрачностью 100% .css('opacity','1') как то так.

BETEPAH 13.01.2014 17:27

Цитата:

Сообщение от zoOmer
через 4000 миллисекунд

http://javascript.ru/setTimeout

Zuenf 13.01.2014 18:01

Я же тебе поведал о функциях delay и stop!
Почитал бы посмотрел примеры и присобачил бы в нужное место.
Вот как это нужно было сделать с твоим чатом:
http://jsbin.com/IZIhidA/7/edit

zoOmer 13.01.2014 18:51

Zuenf,
Спасибо за помощь)

zoOmer 13.01.2014 18:51

BETEPAH,
И вам Евгений спасибо)


Часовой пояс GMT +3, время: 21:56.