#1687

web/themes/custom/popsu/lib/script.js

@@ -319,17 +319,7 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 		$(this).toggleClass("rotate");
 
 	});
-	//oucvrir le premier 
-	// $(".field_titre")[0].click();
-
-	// $(".field_equipes").parent().find("h2").on("click",  function(){
-	// 	$(this).toggleClass("rotate");
-	// 	if($(".field_equipes").is(":visible")){
-	// 		$(".field_equipes").fadeOut("slow");
-	// 	}else{
-	// 		$(".field_equipes").fadeIn("slow");
-	// 	}
-	// });
+
 	$(".field_partenaires").parent().find("h2").on("click",  function(){
 		$(this).toggleClass("rotate");
 		if($(".field_partenaires").is(":visible")){
@@ -341,6 +331,17 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 		}
 	});
 
+	$(".field_equipes").parent().find("h2").on("click",  function(){
+		$(this).toggleClass("rotate");
+		if($(".field_equipes").is(":visible")){
+			$(".field_equipes").fadeOut("slow");
+		}else{
+			$(".field_equipes").fadeIn("slow", function(){
+				$(this).css("display","grid")
+			});
+		}
+	});
+
 	$(".block-region-second .body").on("click", ".more", function(){
 		
 		$(".body").toggleClass("body_open");

web/themes/custom/popsu/sass/pages/_themes.scss

@@ -505,7 +505,7 @@
                 position: relative;
                 width: 100%;
                 overflow: hidden;
-                margin-top: -.5rem;
+                margin-top: .5rem;
                 z-index: -1;
                 a{
                     position: absolute;
@@ -532,13 +532,13 @@
                 
                 grid-column: 1;
                 grid-row: 1;
-                margin-bottom: -.5rem;
+                // margin-bottom: -.5rem;
                 color: #fff;
                 display: grid;
-                grid-template-columns: 1fr 1fr;
+                grid-template-columns: 1fr;
                 grid-gap: 10px;
                 z-index: 100;
-                position: relative;
+                position: absolute;
                 div{
                     padding: .02rem .3rem;
                 }
@@ -622,16 +622,49 @@
         content: "ville";
     }
     #node\:field_equipes{
+        border-bottom: 3px dotted gray;
+
         h2{
             font-family: "trueno" !important;
-            font-size: 1rem;
+            font-size: $font-big;
             font-weight: 600;
-            text-transform: none;
+            text-transform: initial;
+            cursor: pointer;
+            display: grid;
+            grid-template-columns: 95% 5%;
+            align-content: center;
             margin: 1rem 0;
         }
+
+        h2:after{
+            content: '▼';
+            -webkit-transition: all 250ms ease;
+            -moz-transition: all 250ms ease;
+            -o-transition: all 250ms ease;
+            transition: all 250ms ease;
+            align-self: center;
+            justify-self: center;
+        }
+        // h2:after{
+        //     transform: rotate(180deg);
+        //     -webkit-transition: all 250ms ease;
+        //     -moz-transition: all 250ms ease;
+        //     -o-transition: all 250ms ease;
+        //     transition: all 250ms ease;
+        // }
+        .rotate:after{
+            transform: rotate(180deg);
+            -webkit-transition: all 250ms ease;
+            -moz-transition: all 250ms ease;
+            -o-transition: all 250ms ease;
+            transition: all 250ms ease;
+        }
         .field_type_equipe{
            font-weight: 500; 
         }
+        .field_equipes{
+            display: none;
+        }
     }
     
 }