Как сделать элемент слайд автоматически после определенного времени в JQuery - PullRequest
1 голос
/ 11 января 2011

Я сделал rss-ридер, который берет каналы из БД и показывает заголовок статьи. Следующий код делает это: Когда пользователь щелкает заголовки (a.title) статей, содержимое статей slideDown и появляется. Содержимое находится в скрытом классе с именем content. Когда пользователь снова щелкает заголовок, содержимое статьи slidesUp и исчезает.

$("a.title").live("click", function(){
        $(this).next("div.content").slideToggle();
});

Как я могу изменить эту часть кода по порядку при первом щелчке по содержимому канала в slidedown. Во втором щелчке по заголовку канала для содержимого slideUp? До такой же функциональности, как я описал. Но если пользователь щелкает канал только один раз, чтобы отобразить содержимое канала и оставить канал с отображаемым содержимым, то через некоторое время, например, через 2 минуты, содержимое канала автоматически выдвигается, если движение мыши не уведомлено. Я пытался чтобы сделать это с помощью функции setInterval и mousemove, но я не мог сделать это. Любые идеи? Спасибо заранее ....

1 Ответ

3 голосов
/ 11 января 2011

Попробуйте это:

$("a.title").live("click", function(){
       setTimeout("alert('3 seconds.');",3000);
        $(this).next("div.content").slideToggle();
});

Начиная с jQuery 1.4, вы можете использовать delay ()

$("a.title").live("click", function(){
        $(this).next("div.content").delay(3000).slideToggle();
});
...