So I have an animation that will reveal something, this is visible in a few places on my site.

However I am now trying to reveal and conceal a modal overlay.

[![Modal Overlay](https://i.stack.imgur.com/7qCRx.png)](https://i.stack.imgur.com/7qCRx.png)

This appears over the modal form when submitting, and disappears when the AJAX call returns some data.

The problem is that the animation gets stuck after 'concealing', which means I cannot click submit and have it 'reveal' again.

Before AJAX:

```
<div class="loadingElement animate-reveal" style="display:none;">...</div>

```

AJAX Start:

```
$(".loadingElement").show();

```

AJAX Success:

```
$(".loadingElement").removeClass("animate-reveal");
$(".loadingElement").addClass("animate-conceal");

```

If you want to take a look for yourself please go to:
<http://halden.101test1.co.uk/college/>