In questo breve articolo vediamo come sfruttare jQuery per mostrare e nascondere del contenuto in una pagina internet.
Questa funzione è utilizzabile nel momento in cui dovresti mostrare una quantità elevata di dati o semplicemente mostrare dei dati facoltativi.
La prima cosa da fare per ottenere il risultato desiderato è inserire all’interno dell’head della pagina il link alla libreria Jquery.
<script src="”jquery.js”" type="”text/javascript”"></script>
Passiamo ora alla creazione della funzione jQuery per permettere il mostra/nascondi del div
function mostra(pagina){
var tmp ='#'+pagina;
$(tmp).css("display","block")
}
function nascondi(pagina){
var tmp ='#'+pagina;
$(tmp).css("display","none")
}
Notare che ad entrambe le funzioni passiamo un valore, quest'ultimo corrisponderà al div da mostrare o nascondere.
Grazie a questo parametro potremo utilizzare, più volte, questa funzionalità
Passiamo ora alla chiamata della funzione
<div id="pubblica" style="display: none;">
<a href="javascript:mostra('pubblica')">nascondi</a>
</div> <a href="javascript:mostra('pubblica')">modifica</a>
Spero che sia utile per qualche progetto :)
Autore
Sviluppatore web, aree riservete e gestionali.
Svolgo con passione e determinazione il proprio lavoro dedicando tempo alla ricerca e all'approfondimento di novità.
Sito web dell'autore