Replacing text by clicking a button

[thejive]

Hi
Here’s the page in question: http://cargocollective.com/amytdatta/Amyt-Datta
At the bottom of the page is the block of text in question. What i’d like to do is have an easter egg link which when clicked hides all the text which is false leaving only the truth. Any advice?
I’m sorry if this is painfully simple! I’m a complete n00b.
Thanks,
Jiver

[chrisburton]

@thejive I would add a class to the text that is false and use jQuery to hide it with a click function of the bold text.

[chrisburton]

Digs disco

`Was born in the 70s`

Grew up in a vicious part of town

Reads mathematics textbooks to relax

Begins the day with a hundred push-ups

Was attacked by cockroaches after shooting a lizard

`Is a vegetarian`

`Was born in the 60s`

Didn’t use a computer until 2012

Is a completely self-taught musician

Often sleeps with his guitar next to him

Has played on a freezing stage lit by a single naked bulb`

`Only some of the above is true.`

JQuery:

$(‘.showtrue’).click(function() {
$(‘.false’).hide();
});​

[thejive]

Wow thanks so much! I really appreciate it.
BTW, there seems to be some problem with the forums on my browser (Safari 5) I can only see the last comment (Christopher Burton’s). The rest of the entry is a gray blank. Or is this a browser settings issue?

[chrisburton]

@thejive See here: http://jsfiddle.net/gVU9A/

[chrisburton]

@thejive I see the code messed up. Here is the new jQuery code that should stop the redirecting.

http://jsfiddle.net/xAQDE/

[thejive]

Thanks so much! Any idea why I can only see the last comment in this thread (and indeed every thread on the forum)?

[chrisburton]

@thejive Probably a browser issue. I’ll notify @chriscoyier about this.

[thejive]

Cheers! Also, is there a way to script this so that the false statements merely become the background colour, or get a strikethrough, etc rather than collapsing completely? I’d like to keep the overall structure of my text the same rather than it becoming a smaller block.

[chrisburton]

@thejive Sure. Just tell me what exactly you want it to look like.

[thejive]

Well let’s just say I want the false text to turn white.

[chrisburton]

@thejive Try this:

$(“.showtrue”).click(function() {
$(‘.false’).css(‘color’, ‘white’)
return false;
});​

[thejive]

Very sick, man! Thank you.

[chrisburton]

My pleasure. If you need further help, I’ll be around later or someone else might answer your questions. It’s 1am here and I’m off to bed.

[chrisburton]

@thejive All right. Let’s try this one more time.

Only some of the above is true.

Remember you need to wrap the text that is false with some sort of markup.

This is a false statement

[Author]

Posts