Bonjour,
Je souhaite avoir un affichage des infos après un clique mais animée un peu
j'utilise le code Javascript :
<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>
Ce qui m'affiche les infos dans la div :
<div id="MACHIN" style="visibility: hidden; display: none;"> </div>
Avec le lien :
<a href="javascript:toggleVisibility('MACHIN')"> </a>
Mais au fait ça me l'affiche d'une façon très simple, j'aimerai que ça s'affiche d'une façon animée, une transition quoi ^^
Merci de votre soutien !
( Pour un exemple cliquez sur le 3eme lien dans ma cdv )