Skip to content

Instantly share code, notes, and snippets.

@cointilt
Created December 19, 2012 19:36
Show Gist options
  • Save cointilt/4339783 to your computer and use it in GitHub Desktop.
Save cointilt/4339783 to your computer and use it in GitHub Desktop.
(function ($, document) {
$(document).ready(function () {
// Assign some vars to help cache the dom
var holder = $('.toggle-reveal');
// Hide divs if javascript is enabled
holder.find('.revealed').hide();
// On click for links
holder.find('.button').on('click', function (e) {
// prevent the default a click action
e.preventDefault();
// slideToggle elements
$(this).next('div').slideToggle(1000);
});
});
}(jQuery, document));
<div class="serv-web toggle-reveal">
<a href="#" class="button">CLICK NOW!</a>
<div class="revealed">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis sagittis lectus. Curabitur quam arcu, adipiscing quis pretium in, pharetra eget dolor.</p>
</div>​
</div>
<div class="serv-print toggle-reveal">
<a href="#" class="button">CLICK NOW!</a>
<div class="revealed">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis sagittis lectus. Curabitur quam arcu, adipiscing quis pretium in, pharetra eget dolor.</p>
</div>​
</div>
<div class="serv-branding toggle-reveal">
<a href="#" class="button">CLICK NOW!</a>
<div class="revealed">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis sagittis lectus. Curabitur quam arcu, adipiscing quis pretium in, pharetra eget dolor.</p>
</div>​
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment