1
00:00:00,480 --> 00:00:02,600
We can hide and show elements in J.

2
00:00:02,600 --> 00:00:10,470
Query using the Hyde show actions this example page shows a demonstration of what our script will do

3
00:00:11,430 --> 00:00:20,120
when we click the hide button the text becomes invisible over an interval of 1000 milliseconds or one

4
00:00:20,120 --> 00:00:27,190
second when we click the show button the text becomes visible.

5
00:00:27,190 --> 00:00:34,670
Also over an interval of one second we can see how this works by examining the script

6
00:00:41,550 --> 00:00:44,800
in between our open and closed body tags.

7
00:00:44,820 --> 00:00:53,980
We have three elements we've setup two buttons one with the I.D. hidden and one with the other with

8
00:00:53,980 --> 00:00:56,320
the I.D. visible.

9
00:00:56,350 --> 00:01:00,640
We've also nested some text in between an open and close paragraph.

10
00:01:00,640 --> 00:01:00,940
Take

11
00:01:04,870 --> 00:01:06,520
in our actual script.

12
00:01:06,720 --> 00:01:15,780
We first apply a click event to our I.D. selector hidden.

13
00:01:15,900 --> 00:01:25,310
Next we specify that we want to hide any text contained within a paragraph take the 1000 indicates how

14
00:01:25,310 --> 00:01:34,770
long it should take to hide the element 1000 equates to one second.

15
00:01:34,820 --> 00:01:41,660
Next we apply another click event this time to our I.D. selector visible.

16
00:01:41,670 --> 00:01:48,500
This will make visible any hidden text contained within the paragraph tags the time interval is the

17
00:01:48,500 --> 00:01:50,240
same as in our previous event

18
00:01:53,870 --> 00:02:02,940
so when somebody clicks This button hide it will hide the text when somebody clicks this button with

19
00:02:02,940 --> 00:02:06,570
the IP visible it will show any hidden text.