Part to some really cool fun stuff you're using a query so you get the last file here.
That's when I see this and call this one hide show Chohan.
Whatever I say that and managment there and I'm going to go ahead and try and get rid of all this information
right here from the last file that we can go ahead and we'll keep the text box area here.
That's fine right now.
So let's go ahead and keep That's the very cool one because this is actually something I use in the
real world quite a bit quite a bit.
I use it a decent number of times on web sites before any pricing before you can actually click to show
something or hide something.
This would lead into other things like tabs and accordion windows and things like that that you do see
a lot of Web sites.
But this is kind of a cool little trick that you can do.
What we're going to do is first of all let's go ahead and create two button areas down here.
Just simple text for right now that will allow you to click to show the text or click to hide the text.
So I'm a go ahead and create these two little things because they're actually clicking to create an
event to do something.
Some say a draft equals and we can just use the pound sign because it's not actually going anywhere.
But we want to do is give it an idea of a show and say I'm within there and I say click to show and
what I can do just copy and paste again just for time's sake I say id as well and quick to read.
Yeah very cool.
So very simple right there.
What I'm going to do is I'm going to come back and go back to Laura Empson here a little bit a copy
given a copy
I just do.
All right.
Welcome back to hear me grab a paragraph of copy.
This is what I'm going to show and hide.
So it's in my text box area to keep reusing this text box right now.
I'm going to put the first paragraph of copy down there.
Now I said I'm going to keep this text box ID.
I don't really care what these look like right now.
We'll keep those links just as is.
But the text box itself what I want to do is replace all of that because I don't really care about styling
on this one.
What I've got to do is replace that with a very simple siestas tag display.
Set it to none of it make it hide it by default.
So display none.
Egos don't even show this stuff down here.
All right.
So that is all somewhat effective to try and save them and come back over here and grab mind commands
say hi and show up.
I can hear you one of the air right there so I'm glad I checked it.
First they forgot to close up my click to hide Taggert there.
Now Erica I must say that I come back here.
So I got two buttons up here.
Click the show click to hide.
And again it started out hiding all that text right there and can see yours nothing disliked right there
it's actually hiding it.
And what I do is make it so that when you click on one click and click show it's going to show that
text and the other will hide it again.
So what to do is appear to keep the same line that we started with versus when the document is ready.
Start this function alibi's face right there.
So the first one redos start Hargate query Taggert there the dollar sign.
I'm going to just as before.
Open up a string right there and say target to the show which is what we Kriti down there.
And so is going to create an event and say.
And the event of click ups hate them and jumps around like that.
Copy that put it back in and get on the event of clicking.
The value is going to be a function and we will open and close a set of parentheses and open and close
a set of curly brackets right there and going to do another.
Jake retightening right there.
And we will say
text box
that shovel open and close and ended with a semi-colon so must say when this gets clicked.
Actually show it.
So I think I am going to close that out so my colon I'm going to do the same thing for height so I can
kind of copy and paste this bad boy paste an image change out show up with hide and say I clicked still
function.
My target my text box down there.
Shireman mistake right.
They're going to add that.
POUNDSTONE And there are some actually targeting the text box.
And I'm going to say hide.
All right.
So very simple.
Then well the document starts when it's ready make show on it click event.
Create a function that says show this guy and unhide item makes sense.
Good.
I say let's come back to our browser up here and see what happens when hit refresh click the show there's
my copy click I clicked on mine and it hides the copy.
Very cool very practical use for javascript and Jake queery and a tiny little bit of CSSA there.
Hope hopefully enjoyed that one.
I like them a lot.