Go Play 1

Here's an accordion with the sole purpose of hiding and revealing content. Unlike the next two Go Play examples, Go Play 2 & Go Play 3, this is not styled with a border, background color, or image. It's a barebones, albeit effective, accordion. I can, however, jazz it up with a button to toggle between hidden and revealed content as shown in the last two examples below. The first example below is just a simple link version.

• 1.  Where's the content?

  
  
  Here it is!

  Any content can be placed in this area (text, images, video, interactive maps, etc.).

  Some people may find this simple text-link version dull, but it has its place and the smooth sliding accordion effect itself is hardly boring.

  Hide content

 

• 2.  Here's an example where you have a large paragraph of text and it just keeps going and going and you want to consolidate all this so you use this fancy accordion to hide the rest and place a button to toggle if someone was so inclined to keep reading this ridiculous run-on sentence.
  read more...

  ...Another paragraph. Blah blah blah blah blah blah blah blah blah blah. Just filling space here. Blah blah blah blah blah blah blah. I guess I could've put some lorem ipsum placeholder text here instead of the incessant: blah blah blah blah blah.

  Ok, I got a little lackadaisical with the content in this section. Blah blah blah blah blah blah blah blah blah blah. Blah blah blah blah blah blah blah blah blah blah blah - look a video:

  Hide content

 

• 3.  Toggle me

  View Larger Map Get Directions View Bird's Eye

  Played with some gators and lizards here ↑ when I was a kid (ok, mostly watched would be a more accurate way to describe it).

  This is a great effect that I can implement on a site for you - just contact me.

  Hide content

<< Back to the playground >> Go Play 2