Afficher / Masquer une portion de code au clic sur un lien

[dmathieu]

Hello,

je cherche à afficher, ou à masquer une portion de code au clic sur un lien, et ce, sans recharger la page.
quelqu'un connaitrait-il une solution en javascript, voir css pur, pour ajouter, et supprimer une option css (display: none) ?

d'avance, merci

 

[Luj]

en css pur, je pense que tu ne peux le faire que sur le hover,
pour le onClick, javascript.

function montre(Id) {
		document.getElementById(Id).style.visibility="visible";
	}

function cache(Id) {
		document.getElementById(Id).style.visibility="hidden";
	}

 

[dmathieu]

oui, le probleme (chui une tache en js, je préviens de suite), c'est qu'il me faut un bouton, qui affiche, et masque, en fonction de si c'est affiché ou masqué.

pour l'instant, je suis arrivé à cela :

function hidechannels() {
	if (document.getElementById("channels").ClassName == "hidden" ) {
		document.getElementById("channels").ClassName = "visible";
	} else {
		document.getElementById("channels").ClassName = "hidden";
	}

cependant, pour une raison que j'ignore, alors que la balise contenant l'identifiant channels, et sa class sont bien définis, il me mets toujours undefined

edit : c'est reglé, il suffisait de ne pas mettre le c de className en majuscule.
ca fonctionne

 

[oberon]

function hidechannels(id) {
	var monobjet=document.getElementById(id);
	if (monobjet.className == "hidden" ) {			
			monobjet.className  = "visible";   
			}else {
	 	 monobjet.className  = "hidden";  
			 }
}

Problème de majuscule sur className.
j'ai un peu modifié ta fonction pour qu'elle soit plus générique, elle s'appellerait avec un omouseover="hidechannels('channels');"

 

[dmathieu]

yep, j'avai édité mon topic pour signaler que j'avai trouvé