Créer un DIV repliable avec CSS et Javascript

Retour aux sources avec cette petite explication tout simple: Comment créer un Div repliable en Javascript et CSS ?

Première partie du code: l’HTML

<a href="javascript:;" onmousedown="toggleDiv('mydiv');">Toggle Div Visibility</a>

Seconde partie du code: le Javascript

<script language="javascript">
function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'block';
}else{
document.getElementById(divid).style.display = 'none';
}
}
</script>

.. et voila !

(src. en anglais harrymaugans.com)

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s


%d blogueurs aiment cette page :