Hide/Show Content Based on Time/Date

  • showit-YYYY-MM-DD+00:00
  • showit-YYYY-MM-DD
  • showit-00:00
  • hideit-YYYY-MM-DD+00:00
  • hideit-YYYY-MM-DD
  • hideit-00:00

Usage

Description: This hack gives you the ability to hide or show content based on date, time, or date and time.

Setup: Add any of the classes below to show and hide the content. You must use the same date & time format as specified in the classes below:

Showing Elements:

showit-YYYY-MM-DD+00:00 Show on exact day and time (use military time)
showit-YYYY-MM-DD Show on day only (starts on midnight local user time)
showit-00:00 Show at specific time every day (for repetetive events) (use military time)

Hiding Elements:

hideit-YYYY-MM-DD+00:00 Hide on exact day and time (use military time)
hideit-YYYY-MM-DD Hide on day only (starts on midnight local user time)
hideit-00:00 Hide at specific time every day (for repetetive events) (use military time)

Examples

Classes used:  showit-00:00  hideit-01:00

This element will be shown everyday from 12:00am – 1:00am local user timezone.

Classes used:  showit-01:00  hideit-02:00

This element will be shown everyday from 1:00am – 2:00am local user timezone.

Classes used:  showit-02:00  hideit-03:00

This element will be shown everyday from 2:00am – 3:00am local user timezone.

Classes used:  showit-03:00  hideit-04:00

This element will be shown everyday from 3:00am – 4:00am local user timezone.

Classes used:  showit-04:00  hideit-05:00

This element will be shown everyday from 4:00am – 5:00am local user timezone.

Classes used:  showit-05:00  hideit-06:00

This element will be shown everyday from 5:00am – 6:00am local user timezone.

Classes used:  showit-06:00  hideit-07:00

This element will be shown everyday from 6:00am – 7:00am local user timezone.

Classes used:  showit-07:00  hideit-08:00

This element will be shown everyday from 7:00am – 8:00am local user timezone.

Classes used:  showit-08:00  hideit-09:00

This element will be shown everyday from 8:00am – 9:00am local user timezone.

Classes used:  showit-09:00  hideit-10:00

This element will be shown everyday from 9:00am – 10:00am local user timezone.

Classes used:  showit-10:00  hideit-11:00

This element will be shown everyday from 10:00am – 11:00am local user timezone.

Classes used:  showit-11:00  hideit-12:00

This element will be shown everyday from 11:00am – 12:00pm local user timezone.

Classes used:  showit-12:00  hideit-13:00

This element will be shown everyday from 12:00pm – 1:00pm local user timezone.

Classes used:  showit-13:00  hideit-14:00

This element will be shown everyday from 1:00pm – 2:00pm local user timezone.

Classes used:  showit-14:00  hideit-15:00

This element will be shown everyday from 2:00pm – 3:00pm local user timezone.

Classes used:  showit-15:00  hideit-16:00

This element will be shown everyday from 3:00pm – 4:00pm local user timezone.

Classes used:  showit-16:00  hideit-17:00

This element will be shown everyday from 4:00pm – 5:00pm local user timezone.

Classes used:  showit-17:00  hideit-18:00

This element will be shown everyday from 5:00pm – 6:00pm local user timezone.

Classes used:  showit-18:00  hideit-19:00

This element will be shown everyday from 6:00pm – 7:00pm local user timezone.

Classes used:  showit-19:00  hideit-20:00

This element will be shown everyday from 7:00pm – 8:00pm local user timezone.

Classes used:  showit-20:00  hideit-21:00

This element will be shown everyday from 8:00pm – 9:00pm local user timezone.

Classes used:  showit-21:00  hideit-22:00

This element will be shown everyday from 9:00pm – 10:00pm local user timezone.

Classes used:  showit-22:00  hideit-23:00

This element will be shown everyday from 10:00pm – 11:00pm local user timezone.

Classes used:  showit-23:00  hideit-00:00

This element will be shown everyday from 11:00pm – 12:00am local user timezone.