update 2.1

Bakari1548 · Sep 2, 2024 · abae47d · abae47d
1 parent 4f8adaa
commit abae47d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/assets/css/home.css b/assets/css/home.css
@@ -186,7 +186,7 @@ nav{
 #text1DivSection4, #text2DivSection4, #text3DivSection4{
     background-color: transparent;
     width: 60%;
-
+    visibility: visible;
 }
 .hidden{
     display: none;

diff --git a/assets/html/home.html b/assets/html/home.html
@@ -8,6 +8,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Sen:[email protected]&display=swap" rel="stylesheet">
+    <script src="/assets/js/home.js" defer></script>
 </head>
 <body>
     <header>
@@ -274,6 +275,5 @@ <h1 class="titre_form_section7">Nous contacter</h1>
         </div>
         <p class="footer_text">© Copyright 2022- Libscode</p>
     </footer>
-    <script src="/assets/js/home.js"></script>
 </body>
 </html>
diff --git a/assets/js/home.js b/assets/js/home.js
@@ -23,26 +23,36 @@ text3DivSection4.setAttribute("class", "hidden");
 
 btnHidden1.addEventListener('click', () => {
     imageBtnHidden1.setAttribute("src", "/images/display.png");
-    if(text1DivSection4.style.display === "block"){
-    text1DivSection4.classList.remove("display");
-    text1DivSection4.classList.add("hidden");
+    if(text1DivSection4.style.visibility === 'visible'){
+    // text1DivSection4.classList.remove("display");
+    // text1DivSection4.classList.add("hidden");
     console.log("Oui");
     }else{
-    text1DivSection4.classList.remove("hidden");
-    text1DivSection4.classList.add("display");
-    console.log("Non");
-    }
     // text1DivSection4.classList.remove("hidden");
     // text1DivSection4.classList.add("display");
+    console.log("Non");
+    };
+    text1DivSection4.classList.remove("hidden");
+    text1DivSection4.classList.add("display");
 });
 
 btnHidden2.addEventListener('click', () => {
     imageBtnHidden2.setAttribute("src", "/images/display.png");
+    if(text2DivSection4.style.visibility === 'visible'){
+        console.log("Oui");
+        }else{
+        console.log("Non");
+        };
     text2DivSection4.classList.remove("hidden");
     text2DivSection4.classList.add("display");
 });
 
 btnHidden3.addEventListener('click', () => {
+    if(text3DivSection4.style.visibility === 'visible'){
+        console.log("Oui");
+        }else{
+        console.log("Non");
+        };
     imageBtnHidden3.setAttribute("src", "/images/display.png");
     text3DivSection4.classList.remove("hidden");
     text3DivSection4.classList.add("display");