Hi everyone anyone can help me in my code.

```
$(document).ready(function() {
     var circle = $('.circle');
     $(".send a").click(function(e) {
      e.preventDefault();
     $('.wrap').css('display', 'block');

        if (circle.hasClass('bounceInLeft')) {
         circle.removeClass('bounceInLeft').addClass('bounceOutRight');

          }
           else 
          {

         $('.circle').addClass('animated bounceOutRight');
         circle.removeClass('bounceOutRight').addClass('bounceInLeft');
           }

      });

  });

```

When you click `.send a` then `.wrap` will `display:block` . How can i add second click `.send a` then `.wrap` will `display` `none`? I know it should to be like this:

`$('.wrap').css('display', 'none');` but i don't know where i can write this code...

```
.wrap {
  max-width: 400px;
  margin: 4em auto;
  text-align: center;
  display:none;
  background-color:#fff;
}

```