declarativeToggle

Oh hai! This is a bare-bones demo page. declarativeToggle is a jQuery snippet which makes it simple to reveal sections of content on a click/tap event (think mobile navigation menus on responsive sites). Add show/hide functionality without writing a single line of JavaScript. Just add data-attributes.

Read more

This content is hidden by default because it is the target of a toggle button.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis iste at, error tenetur, beatae pariatur incidunt accusantium aut odit deleniti rem. Ipsum, praesentium dicta obcaecati. Possimus nesciunt fugiat tempore vero.

Want a responsive demo?

There is a toggle button below this text that will only display for small screens. You can simply wrap the default declarativeToggle CSS rules in a media query to enable this behavior.

Mobile demo

This text is always visible on larger screens, but must be toggled to be visible on smaller screens.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A incidunt dolores voluptate sit eum. Amet quasi incidunt voluptas, dolores tempore quas non labore vitae earum delectus rem repudiandae nostrum perspiciatis!