#1500

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

@@ -144,15 +144,7 @@ $(function(){
 	});
 	
 	$("body").on("click", ".header_container header", function(){
-		// let row = $('.views-element-container').find(".views-row");
-		// let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
-		// if($('.path-frontpage').length > 0){
-		// 	$(row).each(element => {
 
-		// 		if($(row[element]).is(":visible") &&  id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
-		// 			$(row[element]).fadeOut();
-		// 		}
-		// 	});
 			$('.header_container').find("header").removeClass('active');
 			$('.header_container').find("header .arrow").remove();
 			$(this).append('<span class="arrow"><br>▼</span>');
@@ -170,32 +162,6 @@ $(function(){
 				}
 			});
 
-			// $(".home_info_container").fadeOut();
-			// if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
-			// 	$("#home_prog_container").fadeIn();
-			// }
-			// if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
-			// 	$("#home_theme_container").find(".views-row").css("opacity","0");
-			// 	$("#home_theme_container").fadeIn(function(){
-			// 		$("#home_theme_container").slick('refresh');
-			// 		$("#home_theme_container").find(".views-row").css("opacity","1");
-			// 	});	
-			// }
-			// if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
-				
-			// 	$("#home_map_container").fadeIn();
-				// var map = L.map('leaflet-map-view-villes-block-1');
-				// map.invalidateSize();
-				// Drupal.behaviors.leaflet
-				// console.log("squik", Drupal.behaviors.leaflet.lMap );
-				
-		// 	}
-
-		// }
-		// if($('.page-node-type-programme').length > 0){
-		// 	$(this).parent().find(".views-row").fadeToggle();
-			
-		// }
 		
 	});
 
@@ -246,23 +212,6 @@ $(function(){
 				  }]
 		});
 
-		// $('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
-		// //populate info container
-		//  let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
-		//  $("#home_theme_container").empty().append(inner_rows);
-		//  $("#home_theme_container").slick({
-		// 	slidesToShow: 5,
-		// 	slidesToScroll: 4,
-		// 	centerMode: false,
-		// 	// centerPadding: '10%',
-		// 	infinite: false,
-		// });
-		//  inner_rows = $('#programmes-block_4').find(".views-row").clone();
-		//  $("#home_prog_container").empty().append(inner_rows);
-		//  $('#programmes-block_4 header').append('<span class="arrow"><br>▼</span>').addClass("active");
-		 
-		//  let map = $('#villes-block_1').find("#leaflet-map-view-villes-block-1").clone();
-		//  $("#home_map_container").empty().append(map);	 
 		
 		containers_id.forEach((element) => {
 			$("#"+element).fadeOut();
@@ -339,19 +288,26 @@ 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");
 		}
-
+	});
-	})
+	$(".field_partenaires").parent().find("h2").on("click",  function(){
+		$(this).toggleClass("rotate");
+		if($(".field_partenaires").is(":visible")){
+			$(".field_partenaires").fadeOut("slow");
+		}else{
+			$(".field_partenaires").fadeIn("slow", function(
+				$(this).css("display","grid")
+			));
+		}
+	});
 
 	$(".block-region-second .body").on("click", ".more", function(){
 		
-
 		$(".body").toggleClass("body_open");
 		if($('.body_open').length > 0){
 			$(this).empty().html("Fermer")
@@ -383,14 +339,3 @@ if($(".page-node-type-static").length > 0){
 
 	
 });
-
-
-
-// $(document).on('DOMNodeInserted', function(e) {
-// 	// console.log(e.target);
-//     if ( $(e.target).attr("id") == "home_theme_container" ) {
-
-//     }
-// });
-
-

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

@@ -360,13 +360,37 @@
             margin-top: 1rem;
             padding: .4rem 0;
             border-top: 3px dotted gray;
+
+            cursor: pointer;
+            display: grid;
+            grid-template-columns: 95% 5%;
+            text-transform: initial;
+        }
+
+        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;
+            font-size: $font-big;
+        }
+        .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_partenaires{
-            .paragraph{
+            display: none;
-                display: grid;
             align-items: center;
             justify-items: center;
-                grid-template-columns: 40% 60%;
+            grid-template-columns: repeat(5 , 1fr);
+            .paragraph{
+                
                 .field_logo_partenaire{
                     div:first-child{
                         display: none;
@@ -378,6 +402,7 @@
                     }
                 }
                 .field_nom_partenaire{
+                    display: none;
                     div:first-child{
                         display: none;
                     }