1
00:00:00,600 --> 00:00:08,460
L'ultima cosa che dobbiamo ancora fare è far funzionare questo Tuggle in modo che possiamo mostrare e nascondere

2
00:00:08,460 --> 00:00:09,420
questo input.

3
00:00:09,420 --> 00:00:11,640
E questo è in realtà una questione di indagine.

4
00:00:12,030 --> 00:00:16,360
Quindi quello che facciamo è avere un ascoltatore veloce su questo e quando clicchiamo.

5
00:00:16,740 --> 00:00:19,610
Tutto ciò che farà è sfumare questo dentro o fuori.

6
00:00:19,930 --> 00:00:21,660
Quindi andiamo alla query di Arjay.

7
00:00:22,290 --> 00:00:28,080
Apri il nostro file javascript e possiamo farlo in fondo.

8
00:00:28,350 --> 00:00:34,900
Dobbiamo selezionare quell'icona che ha una classe di F. UN. dash plus.

9
00:00:35,130 --> 00:00:36,420
E poi quando facciamo

10
00:00:39,390 --> 00:00:46,170
clic su ciò che vogliamo fare passiamo in questo callback che verrà eseguito per noi e che cosa dobbiamo fare

11
00:00:46,200 --> 00:00:47,410
è selezionare l'input.

12
00:00:47,490 --> 00:00:54,610
Quindi mi limiterò a copiare questo tipo di input in quanto testo e poi si dissolverà.

13
00:00:55,050 --> 00:00:58,700
Quindi svanire proprio così.

14
00:00:58,920 --> 00:01:05,440
E torniamo indietro e aggiorniamo e ora farò clic su questo e svanirà.

15
00:01:05,820 --> 00:01:08,460
Ma ovviamente non svanisce.

16
00:01:08,460 --> 00:01:15,570
dissolvenza per tenere traccia dello stato se è necessario installarlo o disattivarlo automaticamente e tutto viene aggiornato.

17
00:01:15,570 --> 00:01:18,540
Quindi utilizzeremo la dissolvenza e l'interruttore di

18
00:01:18,790 --> 00:01:25,100
E ora, quando clicco, si dissolve automaticamente dentro e fuori senza che io debba scrivere tutta la logica.

19
00:01:25,950 --> 00:01:26,340
Tutto ok.

20
00:01:26,340 --> 00:01:28,280
Quindi è qui per la lista delle cose da fare.

21
00:01:28,530 --> 00:01:30,790
Alcune piccole cose di cui potremmo voler parlare.

22
00:01:31,020 --> 00:01:36,890
Se torniamo alle nostre Cs, è piuttosto lungo e non è veramente organizzato.

23
00:01:37,200 --> 00:01:40,390
Quindi ci sono alcune strategie per organizzare il successo.

24
00:01:40,500 --> 00:01:47,700
in modo che stiamo selezionando dall'alto verso il basso e l'altro più popolare è ordinare le cose per specificità.

25
00:01:47,700 --> 00:01:51,670
Uno di questi è quello di organizzare per ordine sulla pagina

26
00:01:52,320 --> 00:01:58,380
Quindi inizieremo con l'elemento meno specifico in alto che sarebbe il corpo

27
00:01:58,380 --> 00:02:09,680
e poi aggiungeremo il resto dei nostri tag elemento e quindi aggiungeremo il resto dei nostri elementi selettori come UL-H-1 o corpo.

28
00:02:09,870 --> 00:02:14,530
E ho appena notato che dovremmo semplicemente unire questi due corpi insieme qui.

29
00:02:15,240 --> 00:02:16,370
Non c'è motivo di farlo.

30
00:02:16,380 --> 00:02:18,480
È come il corpo due volte.

31
00:02:18,720 --> 00:02:20,060
Quindi abbiamo il

32
00:02:22,520 --> 00:02:24,080
nostro Huel Juelz.

33
00:02:24,570 --> 00:02:25,730
Aggiungiamo l'alleato e

34
00:02:29,670 --> 00:02:31,680
aggiungeremo anche in span e questa

35
00:02:34,680 --> 00:02:37,310
è solo una questione di preferenza qui.