Read more and less

[kevsyers]

So I’ve been scouring the internet for a way to have a ‘read more’ button on text that I want partially hidden. I figured this out but I am now having issues with reversing this with a ‘read less’ button.

One caveat is I can’t just hardcode the button within the text. It needs to be on a container surrounding the text.

Here’s what I have so far:
http://codepen.io/kevsyers/pen/myJtz

Any help would be much appreciated.

[Chromawoods]

I forked your pen and made a jQuery function that you can apply. Note that the function takes a shouldExpand param, so you can also init wrappers initially expanded, if you want.

http://codepen.io/chromawoods/pen/nHJDE

[kevsyers]

Well, that pretty much solves that problem. Since I don’t have anything to give you, let’s pretend that we’re giving each other fist-bumps and looking cool. Perhaps walking down the street in slow-mo with some sick 80s big-hair band guitar riffs screeching on our boom box.

Thanks!

[Chromawoods]

LOL! Best mental image ever.

[Author]

Posts