Partage
  • Partager sur Facebook
  • Partager sur Twitter

Afficher/Masquer DIV [correction]

    14 août 2018 à 11:45:47

    Bonjour à tous,

    Après plusieurs heures de recherche sur le net afin de trouvé un script JS qui me permettrai d'afficher/cacher 2 DIV une superposée sur l'autre, j'ai trouvé un JS que j'ai un petit peu modifié pour répondre à mon besoin.

    J'ai pu le rééditer afin d'afficher le contenu de ma première div qui contient un lien qui affiche la 2ème div tout en cachant la première, et la deuxième div contient à son tour un lien pour afficher la première div tout en la cachant  (2 div superposés l'une sur l’autre qui s'affichent individuellement via des liens)

    Malheureusement j'ai pu faire qu'une partie de ce que je souhaite réellement comme vous pouvez le constater par le code ci-dessous :

    <html>
    <head>
    <script>
    var _hidediv = null;
    function visibilite(id) {
        if(_hidediv)
            _hidediv();
        var div = document.getElementById(id);
        div.style.display = 'block';
        _hidediv = function () { div.style.display = 'none'; };
    }
    </script>
    </head>
    
    <body>
    <div id="ID1"style="display:block;">
    CONTENU DE LA 1ère DIV<br><br>
    <a  onclick="visibilite('ID2');" href="#">aller  vers la 2ème div</a> 
    </div>
    
    
    <div id="ID2" style="display:none;">CONTENU DE LA 2ème DIV<br><br>
    <a  onclick="visibilite('ID1');" href="#">revenir vers la première div</a></div>
    
    
    </body>

    Le code marche bien qu'après avoir cliqué 2 fois sur les liens, mais en premier lieu, la 2ème DIV s'affiche sans que la première ne se cache pour autant.

    Merci de m'aider sur ce point, je bloque depuis 2 jours dessus j'y arrive pas  :D

    • Partager sur Facebook
    • Partager sur Twitter

    Afficher/Masquer DIV [correction]

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown