правильный способ jQuery анимировать непрозрачность, исчезать и эффект загрузки страницы вверх / вниз

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

JQuery, с которым я столкнулся, - это

$(window).load(function() {
$(".overlay").animate({
    opacity: .5,
    height: "0"
}, 1000, function() {
    $(this).remove()
})
});
$(function() {
setTimeout(function() {
    $(".somediv").animate({
        opacity: 1
    }, 600)
}, 600)
})

Я запускал его, хотя js-компрессор, который удалял "s", а затем через "beautifier" для удобочитаемости, но он все еще работает, и действительно я даже не уверен, насколько важны эти данные в js lol, m парень CSS, и я знаю в CSS последний; не требуется... так что я решил оставить их с работы.

Я привел пример этого в действии. Здесь: JSBin

поэтому, если у кого-то есть предложения по моему коду, так как это моя первая реальная попытка в JQuery, мне бы понравилась некоторая обратная связь =)