Snippet

An easy way to glam up your truncated comments/reviews/whatever!


Is this the real life? Is this just fantasy? Caught in a landslide, No escape from reality. Open your eyes, Look up to the skies and see, I'm just a poor boy, I need no sympathy, Because I'm easy come, easy go, Little high, little low, Anyway the wind blows doesn't really matter to me, to me. Mama, just killed a man, Put a gun against his head, Pulled my trigger, now he's dead. Mama, life had just begun, But now I've gone and thrown it all away. Mama, ooh, Didn't mean to make you cry, If I'm not back again this time tomorrow, Carry on, carry on as if nothing really matters. Too late, my time has come, Sent shivers down my spine, Body's aching all the time. Goodbye, everybody, I've got to go, Gotta leave you all behind and face the truth. Mama, ooh (anyway the wind blows), I don't wanna die, I sometimes wish I'd never been born at all. I see a little silhouetto of a man, Scaramouche, Scaramouche, will you do the Fandango? Thunderbolt and lightning, Very, very frightening me. (Galileo) Galileo. (Galileo) Galileo, Galileo Figaro Magnifico. I'm just a poor boy, nobody loves me. He's just a poor boy from a poor family, Spare him his life from this monstrosity. Easy come, easy go, will you let me go? Bismillah! No, we will not let you go. (Let him go!) Bismillah! We will not let you go. (Let him go!) Bismillah! We will not let you go. (Let me go!) Will not let you go. (Let me go!) Never, never let you go Never let me go, oh. No, no, no, no, no, no, no. Oh, mama mia, mama mia (Mama mia, let me go.) Beelzebub has a devil put aside for me, for me, for me. So you think you can stone me and spit in my eye? So you think you can love me and leave me to die? Oh, baby, can't do this to me, baby, Just gotta get out, just gotta get right outta here. (Oh, yeah, oh yeah) Nothing really matters, Anyone can see, Nothing really matters, Nothing really matters to me. Anyway the wind blows.

Example text

Content

Markup to recreate the above:

Demo Controls

Installation

The easy way is to install snippet withbower install snippet. Alternatively, download the package, and include snippet.css and snippet.js from/distin an appropriate place within your project. You're gonna need jQuery for this chap. Bower will take take of this, but if you don't use it then just a head's up.

Then...

Basic markup

It's very easy to set up one of these boxes. Just include snippet.css (or the supplied SASS version) and snippet.js in your page, and then whack down the following markup:

<div class="snippet-box">
  <div class="snippet-content" style="max-height: CUSTOM-BOX-HEIGHT-VALUE">
    CONTENT GOES HERE
  </div>
  <div class="snippet-expander"></div>
</div>

Append whatever styling classes you like to thesnippet-expanderelement. Play about with it above!