Transition only for widget

[DGrandes]

Hi,

I used this custom css to modify the transition of all the widet but it only do when I open the widget. Is there any way to do it when opening and closing?

.layer-widget{
-webkit-animation: Zoom-In-Widget 2s !important; /* Safari and Chrome*/
-moz-animation: Zoom-In-Widget 1s !important; /* Firefox*/
}

I have tried adding this code in java:

$(document.body).on("vclick", function() {

  $("#widget-112").removeClass("hide");  
  $("#widget-112").removeClass("ZoomIn");
  $("#widget-112").addClass("ZoomOut");    

   }  
});

This code close Widget-112 also when i click on the widget. "document.body" is wrong. How can I do it for all open widgets and only when i click out of the widget?

Thanks