Easy text resizing w/ jQuery

This uses but a simple show/hide on the div containing the switcher links, a simple css 'setter' for the hover on the buttons, and a bit more complicated js calculation, with a css 'getter' to get the current size, and a 'setter' to set it up or down a notch with each click.

See the code

Disclaimer: if you want it cleanly degradable, hide the buttons and clickable links with css and then show the 'showMe' link with jquery when the page loads.

Text size changer example Change text size

I'm My Own Grandpaw

by Dwight Latham and Moe Jaffe

Many, many years ago when I was twenty-three
I was married to a widow who was pretty as could be.
This widow had a grown-up daughter who had hair of red.
My father fell in love with her and soon they, too, were wed.

This made my dad my son-in-law and changed my very life
For my daughter was my mother, 'cause she was my father's wife.
To complicate the matter, even though it brought me joy
I soon became the father of a bouncing baby boy.

My little baby then became a brother-in-law to dad
And so became my uncle, though it made me very sad
For if he was my uncle, then that also made him brother
To the widow's grown-up daughter, who, of course, was my step-mother.

My father's wife then had a son who kept them on the run
And he became my grand-child, 'cause he was my daughter's son.
My wife is now my mother's mother, and it makes me blue
Because, although she is my wife, she's my grandmother too.

If my wife is my grandmother, then I am her grandchild
And every time I think of it, it nearly drives me wild
For now I have become the strangest case you ever saw
As husband of my grandmother, I am my own grandpaw.

Wikipedia link

Well... that explains a lot then, doesn't it?



Jquery Code
CSS Styles