Change content depending on time

day-nite-switch-script.html

<script>
var ochtend = jQuery(".hero-ochtend");
var middag = jQuery(".hero-middag");
var avond = jQuery(".hero-avond");
var d = new Date();
var n = d.getHours();
if (n > 0 && n < 12){
    jQuery(ochtend).show();
    jQuery(middag).hide();
    jQuery(avond).hide();
} else if (n > 12 && n < 18){
    jQuery(ochtend).hide();
    jQuery(middag).show();
    jQuery(avond).hide();
}else if(n > 18 && n < 24) {
    jQuery(ochtend).hide();
    jQuery(middag).hide();
    jQuery(avond).show();
}
</script>