jQuery fadeIn () разные интервалы с несколькими div

Question

У меня есть домашняя страница с шестью разделами. Это прямоугольники разной формы, и я хочу, чтобы они появлялись через определенные промежутки времени при загрузке страницы. Код javascript выглядит следующим образом:

$(document).ready(function(){
    $("#topleft").fadeIn(2000).animate({opacity: 1.0});
});

Конечно, мне нужно, чтобы все шесть div были целевыми, а не один, и я хочу, чтобы они случайным образом исчезали в течение примерно 3 секунд после загрузки страницы. Как бы я пошел по этому поводу? Кстати, я использую jQuery, и, поскольку я новичок в этом, я могу кое-что использовать, о чем я не знаю.

Answer 1

Вот вам пример: http://jsfiddle.net/Paulpro/gTFsk/

Answer 2

Что вы, вероятно, захотите сделать, - это чтобы все шесть div имели одинаковый класс, так что вы можете выбрать их всех сразу.

Вот рабочий пример: http://jsfiddle.net/Akkuma/hadbz/

Answer 3

function randomFromTo(from, to){
    return Math.floor(Math.random() * (to - from + 1) + from);
}
$('.six_div').each(function () {
    setTimeout(function () {
        $(this).animate({opacity: 1}, 2000);
    }, randomFromTo(100,3000));
});

ПРИМЕЧАНИЕ: класс 'six_div' необходимо будет добавить к каждому из шести элементов div, чтобы они все были выбраны.

Answer 4

Создайте все div с таким же классом, как alldivs:

$('.alldivs').each(function() {
    $(this).fadeIn(Math.floor(Math.random()*3000)).animate({opacity: 1.0});
});