animate contact

user/themes/gilles_acezat/js/site.js

@@ -15,6 +15,7 @@ function masonry() {
     itemSelector: '.img-card',
     columnWidth: '.img-card',
     percentPosition: true,
+    gutter: 20,
     transitionDuration: '0.2s'
   });
 
@@ -72,13 +73,31 @@ function contact() {
   var $contact = $('header .contact');
 
   $contact.on('click',function() {
-    
+    if ($(this).hasClass('open')) {
+      $(this).removeClass('open');
+      $(this).addClass('close');
+    } else {
+      $(this).addClass('open');
+      $(this).removeClass('close');
+    }
   })
 }
 
+//
+// function transitionpage() {
+//   var $a = $('a');
+//   var $all = $('body *');
+//
+//   $a.on('click', function() {
+//     $all.css('display':'none');
+//   })
+//
+// }
+
 jQuery(document).ready(function($){
   masonry();
   contact();
+  transitionpage();
   // card();
   // ajax();
   // isotype();