Mostra /nascondi div con un un click

Creato il 01 gennaio 1970 da Decadeweb @simone_marchese
Tutorial

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