Collapsed paragraphs

So for my first blog post I give you a magnificent upgrade to my website! Mostly written in JQuery and a little html. I wanted to collapse the elements following some header elements and heres the JQuery code that does the trick!

$(document).ready(function(){
    // For the default state we do not want to display any paragraph
    $(".header").next().css("display", "none");
    // After clicking the element we want to call the toggle function, which does the hide / show for us.
    $(".header").click(function() {
    $(this).next().toggle();
});
// Then to make it obvious you can click on the headers I modified the background color when you hover on it
    $(".header").hover(function() {
        // on enter
        $(this).css("background-color", "#ebeeee");
    },
    function() {
        // on leave
        $(this).css("background-color", "transparent");
    });
});

This article is my 1st oldest. It is 121 words long