L'ultima cosa che dobbiamo ancora fare è far funzionare questo Tuggle in modo che possiamo mostrare e nascondere
questo input.
E questo è in realtà una questione di indagine.
Quindi quello che facciamo è avere un ascoltatore veloce su questo e quando clicchiamo.
Tutto ciò che farà è sfumare questo dentro o fuori.
Quindi andiamo alla query di Arjay.
Apri il nostro file javascript e possiamo farlo in fondo.
Dobbiamo selezionare quell'icona che ha una classe di F. UN. dash plus.
E poi quando facciamo
clic su ciò che vogliamo fare passiamo in questo callback che verrà eseguito per noi e che cosa dobbiamo fare
è selezionare l'input.
Quindi mi limiterò a copiare questo tipo di input in quanto testo e poi si dissolverà.
Quindi svanire proprio così.
E torniamo indietro e aggiorniamo e ora farò clic su questo e svanirà.
Ma ovviamente non svanisce.
dissolvenza per tenere traccia dello stato se è necessario installarlo o disattivarlo automaticamente e tutto viene aggiornato.
Quindi utilizzeremo la dissolvenza e l'interruttore di
E ora, quando clicco, si dissolve automaticamente dentro e fuori senza che io debba scrivere tutta la logica.
Tutto ok.
Quindi è qui per la lista delle cose da fare.
Alcune piccole cose di cui potremmo voler parlare.
Se torniamo alle nostre Cs, è piuttosto lungo e non è veramente organizzato.
Quindi ci sono alcune strategie per organizzare il successo.
in modo che stiamo selezionando dall'alto verso il basso e l'altro più popolare è ordinare le cose per specificità.
Uno di questi è quello di organizzare per ordine sulla pagina
Quindi inizieremo con l'elemento meno specifico in alto che sarebbe il corpo
e poi aggiungeremo il resto dei nostri tag elemento e quindi aggiungeremo il resto dei nostri elementi selettori come UL-H-1 o corpo.
E ho appena notato che dovremmo semplicemente unire questi due corpi insieme qui.
Non c'è motivo di farlo.
È come il corpo due volte.
Quindi abbiamo il
nostro Huel Juelz.
Aggiungiamo l'alleato e
aggiungeremo anche in span e questa
è solo una questione di preferenza qui.