window.addEventListener('DOMContentLoaded', () => {
    
    $('.hover').on('mouseover focusin', function () {
        $(this).find('p').show()
    }).on('mouseout focusout', function () {
        $(this).find('p').hide()
    }).find('p').hide();
    

    $('.jshide').hide();


    $('.plus').click(function(){
        $(this).toggleClass('rotate').next('.jshide').toggle('blind', 500);
    });


    $('#flip').click(function () {
        // make the dates on the homepage timeline order reverse
        // collect divs with years, remove from flow
        var els = $('[class^="y2"]').get().reverse();
        // reverse the order

        // add back to page
        $('#yearBlocks').html(els);

        //events
        $('.hover').on('mouseover focusin', function () {
            $(this).find('p').show()
        }).on('mouseout focusout', function () {
            $(this).find('p').hide()
        });
    });

});