Show me some more

3rd November 2007

Alice's Adventures in Wonderland

by Lewis Carroll

Down the Rabbit-Hole

ALICE was beginning to get very tired of sitting by her sister on the bank and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, "and what is the use of a book," thought Alice, "without pictures or conversations?'

more » « less
rabbit

So she was considering, in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself "Oh dear! Oh dear! I shall be too late!" (when she thought it over afterwards it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but, when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and was just in time to see it pop down a large rabbit-hole under the hedge.

Through the Looking Glass

by Lewis Carroll

Looking Glass House

One thing was certain, that the white kitten had had nothing to do with it: -- it was the black kitten's fault entirely. For the white kitten had been having its face washed by the old cat for the last quarter of an hour (and bearing it pretty well, considering); so you see that it couldn't have had any hand in the mischief.

more » « less
rabbit

The way Dinah washed her children's faces was this: first she held the poor thing down by its ear with one paw, and then with the other paw she rubbed its face all over, the wrong way, beginning at the nose: and just now, as I said, she was hard at work on the white kitten, which was lying quite still and trying to purr -- no doubt feeling that it was all meant for its good.

But the black kitten had been finished with earlier in the afternoon, and so, while Alice was sitting curled up in a corner of the great arm-chair, half talking to herself and half asleep, the kitten had been having a grand game of romps with the ball of worsted Alice had been trying to wind up, and had been rolling it up and down till it had all come undone again; and there it was, spread over the hearth-rug, all knots and tangles, with the kitten running after its own tail in the middle.

Next Demonstration

Previous Demonstration

Information

I have been asked hundreds of times to re-do a 'show me some more demonstration on CSS play so that it is possible to keep the 'more' text on screen until you click again to remove it. In this way you can have more than one 'more' text open at any time. and also to make it work correctly in Opera (the latest alpha version of Opera cures the mouse click problem) and Safari.

The main obstacle to this was that it couldn't be done using just CSS.

However, with my latest experiments into javascript with CSS, I have found a simple way to toggle the 'clicked' state of an element and it is an easy task to apply this to the 'show me some more' demonstration.

So here it is 'Show me some more...again'. Just click the 'more »' to expose the extra information and the '« less' to close it.

The javascript is just a couple of lines long and all that is needed is to enclose all the text in a div with an id="outer" and the 'more' infomation in an inner div with a class="more" or change the javascript onLoad parameters:
onload="clickMenu('outer','div','more')".

Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC) and Safari (iPod Touch).

Download

All the files can be downloaded using the link below. If you are going to use this in your website then please respect my copyright and keep the credits in the stylesheets and javascript.

 Download more.zip