1
00:00:01,160 --> 00:00:08,810
Hello, in this video, I'm going to show you the visibility utility class, so pretty simple, allow

2
00:00:08,810 --> 00:00:11,870
love you to make stuff invisible, visible, simple as that.

3
00:00:12,260 --> 00:00:19,520
I will provide a link to this page which shows you of all the features of the visible trees in the class,

4
00:00:19,550 --> 00:00:21,890
that much I want to literally show you everything there is.

5
00:00:22,100 --> 00:00:25,020
But you have that in case or date anyway.

6
00:00:25,310 --> 00:00:29,510
So first of all, let's create a couple of devs.

7
00:00:29,790 --> 00:00:31,610
I first one to say hello.

8
00:00:32,060 --> 00:00:36,660
Second one also, you guessed it, will sci fi reload?

9
00:00:37,280 --> 00:00:41,660
We get these two pieces of content wrapped inside of a dip.

10
00:00:42,170 --> 00:00:47,360
If I want to make something invisible, you just put visible like so.

11
00:00:49,090 --> 00:00:49,780
Reload.

12
00:00:49,810 --> 00:00:55,840
So all we had to do with a class of invisible and then that particular object is not in the book.

13
00:00:56,150 --> 00:01:00,130
But look, what's happened, though, is invisible the world.

14
00:01:00,280 --> 00:01:02,880
Dave is still on a new line.

15
00:01:02,890 --> 00:01:03,820
It is still.

16
00:01:04,920 --> 00:01:10,650
Later in the website, as if that other content, that other first day was still there, so it doesn't

17
00:01:10,650 --> 00:01:16,530
actually remove it in the sense of it's no longer in the flow of the layout, it's still there.

18
00:01:16,750 --> 00:01:22,950
It's just you can't see it, though, if we look at what's actually going on, if we inspect.

19
00:01:23,910 --> 00:01:32,550
Go to the actual d'Hiv, what that class essentially, does it change the visibility property to hidden

20
00:01:33,090 --> 00:01:37,030
and they go through a class called the Visible?

21
00:01:38,280 --> 00:01:44,340
You'll see no difference in this example for the simple reason it's already visible.

22
00:01:44,580 --> 00:01:52,500
If you made it invisible from something else and maybe you want to trigger it back on maybe a button

23
00:01:52,500 --> 00:02:00,690
press or some event has occurred, you can apply the visible class, maybe use some JavaScript or query.

24
00:02:00,950 --> 00:02:01,600
So that's it.

25
00:02:01,650 --> 00:02:03,150
Really simple stuff, really.

26
00:02:03,150 --> 00:02:03,500
Sure.

27
00:02:03,510 --> 00:02:09,930
If you have any questions, feel free to pass me a message on discord or on my website, all of the

28
00:02:09,930 --> 00:02:12,720
links that will be in the description and unusual.

29
00:02:12,900 --> 00:02:15,390
I look forward to seeing you in the next video.