Two different animation triggers on a same element

Can one element have two animations? I want to trigger when to show the element and when to hide it. The image bellow, only lets me trigger one action for animation and both animations gets executed.