1
00:00:00,650 --> 00:00:04,550
In the last exercise we worked with the element selector.

2
00:00:04,550 --> 00:00:11,880
We hid all the paragraph elements in our HMO document with the click of a button but what if we only

3
00:00:11,880 --> 00:00:14,790
wanted to hide a specific element in our document.

4
00:00:15,890 --> 00:00:22,030
We can do this by assigning an I.D. to the element we want to perform the action on.

5
00:00:22,150 --> 00:00:29,450
We then specify the I.D. selector in our script let's change the last script so that when the button

6
00:00:29,450 --> 00:00:33,250
is clicked only the heading is hidden.

7
00:00:33,290 --> 00:00:51,630
First we need to add an I.D. to the H to type let's call the I.D. had.

8
00:00:51,850 --> 00:01:01,290
Now we can amend the selector in our script to hide only the element that contains the head I.D. to

9
00:01:01,290 --> 00:01:01,650
do this.

10
00:01:01,650 --> 00:01:07,380
Start with the pound sign and type the name of the I.D. selector

11
00:01:10,140 --> 00:01:10,740
and that's it.

12
00:01:10,740 --> 00:01:15,220
We can now save our file and preview it in our browser

13
00:01:22,170 --> 00:01:29,180
so we can see that now when we clicked the hide button only the text in the H2 tags disappear.