// ------------- Sliding div Content

$(document).ready(function () {
    var $meta = $('#meta');
    var height = $meta.height();
    $meta.hide().css({ height : 0 }); // just hide the div via CSS
    
    $('.info').click(function () {
        if ($meta.is(':visible')) {
            $meta.animate({ height: 0 }, { duration: 300, complete: function () { // speed slide back
                $meta.hide();
            } });
        } else {
            $meta.show().animate({ height : height }, { duration: 300 }); // speed slide in
        }
        
        return false;
    });
});

// ------------- Fade-in Effect for header (can be any element)

$(document).ready(function () {
  $('article').hide();
  $('article').fadeIn(700);
});

// ------------- Smooth Scrolling

jQuery(document).ready(function($) {
    $(".scroll").click(function(event){
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top}, 400);
    });
});