Save

layout/style-scss/kontakt-v8.scss

@@ -1107,6 +1107,7 @@ select {
 
 					.tile {
 						width: calc((100% / 4) - (70px - (70px / 4)));
+						height: fit-content;
 						padding-left: 25px;
 						border-left: 1px solid #1e2832;
 
@@ -1119,13 +1120,18 @@ select {
 						}
 
 						.tile-head {
-							margin-bottom: 30px;
 							display: flex;
 							flex-direction: row;
 							align-items: center;
 							justify-content: space-between;
 							column-gap: 20px;
+							cursor: pointer;
 
+							&.active {
+								img {
+									transform: rotate(-180deg);
+								}
+							}
 							h3 {
 								color: #1d1d1e;
 								font-size: 20px;
@@ -1136,10 +1142,14 @@ select {
 									font-size: 18px;
 								}
 							}
+							img {
+								transition: all 400ms ease-in-out;
+							}
 						}
 
 						ol {
-							padding: 0;
+							display: none;
+							padding: 30px 0 0 0;
 							margin: 0;
 							list-style: none;
 

templates_user/pages/page-contact-v8.php

@@ -953,5 +953,11 @@
             setVoivodeshipSelectById(9);
         }
 
+        $('body').on('click', '.box-6 .tiles .tile .tile-head', function(e) {
+            e.preventDefault();
+            
+            $(this).toggleClass('active')
+            $(this).next().slideToggle()
+        });
     });
 </script>