La versione 4 di Bootstrap permette di avere dei contenuti che possono essere resi visibili o invisibili con un'animazione utilizzando solamente codice HTML (senza quindi dover scrivere codice JavaScript).
Per prima cosa, dobbiamo crere un div e assegnargli la classe css collapse. Questo div è quello che viene mostrato o nascosto. Il secondo step consiste nel creare i pulsante o il link che mostra o nasconde il div. Nel caso in cui utilizziamo un tag
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#content"> Button </button> <div class="collapse" id="content"> Questo testo può essere nascosto o visibile </div>
Nel caso in cui usiamo invece un tag , invece dell'attributo data-target, dobbiamo usare l'attributo href.
<a class="btn btn-primary" data-toggle="collapse" href="#content"> link </button> <div class="collapse" id="content"> Questo testo può essere nascosto </div>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire una query su SQL Azure tramite un workflow di GitHub
Reactive form tipizzati con FormBuilder in Angular
Semplificare il deployment di siti statici con Azure Static Web App
Utilizzare i primary constructor di C# per inizializzare le proprietà
Eseguire le GitHub Actions offline
Installare le Web App site extension tramite una pipeline di Azure DevOps
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Gestire i null nelle reactive form tipizzate di Angular
Controllare gli accessi IP alle app con Azure Container Apps
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
I più letti di oggi
- I nuovi metodi degli array di ECMAScript 5
- Evitare (o ridurre) il repo-jacking sulle GitHub Actions
- Un custom control BoundField con dropdownlist
- .NET Core 3, C#8 and beyond
- Utilizzare long polling in HTML5 per richieste in real time
- Utilizzare le shortcut da tastiera con KeyboardAccelerator nella Universal Windows Platform
- Microsoft Security Bulletin MS05-048