Toggle is a simple, single-purpose responsive stack that allows you to switch between two different sections of content by clicking an icon. In edit mode the stack displays two empty content areas – Initial and Toggled – where you can place text, images, video… pretty much whatever you like.
Gary’s Toggle comes with 10 built-in icons to trigger the toggle or you can pick one from the Font Awesome library instead; each icon has an assignable static and hover colour, can use one of six animations to add a bit of ‘pop’ and they come in six different sizes from ‘very small’ to ‘mega’. You can also turn the ‘Show Initial Content’ setting off and use the stack to create a neat drop down content drawer that’s triggered by clicking the icon (could be useful for revealing an email sign-up form in a sidebar for example).
You can use multiple Toggle stacks on the same page without any problems and we think it’s a great, simple solution for squeezing information into a small space. There’s nothing too innovative here – and other toggle stacks like TogglePlus or Capsule have more sophisticated options – but if you need a quick no-muss, no-fuss way to switch between two blocks of content, Doobox’ Toggle stack does an excellent job.