Os vengo a molestar tengo la siguiente animación que desaparece en `x` segundos, pero no puedo darle validación al cierre por si se desea cerrarlo manualmente, no funciona.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $(document).ready(function() {
    		$('.n2').fadeIn(500).delay(6000).fadeOut(500);
        $(".dismiss").click(function(){
           $(".n2").fadeOut(500);
    });
    });

<!-- language: lang-css -->

    .n2 {
        display: none;
        opacity: 0.9;
        position: absolute;
        bottom: 15px;
        left: 15px;
        margin: 0;
        padding: 0;
        width: 500px;
    }

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="n2">
      <span class="dismiss"><a title="dismiss this notification">X</a></span>
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non.</p>
    </div>

<!-- end snippet -->

Ahora esta animación os quiero adaptar a la respuesta de `AJAX` pero no se, si se tiene que os vincular o usarlo como un código normal.


Este es mi `AJAX` tomando ejemplos en la siguiente [fuente endeos](https://blog.endeos.com/usando-ajax-con-php-y-jquery/)


      $(document).ready(function() {
        $(document).on('submit', '#post', function() {
          var data = $(this).serialize();
          $.ajax({          
            type : 'POST',
            url  : 'post.php',
            data : data,
            success :  function(data) {                 
              $(".response").html(data);       
            }
          });         
          return false;         
        });
      });

Y obtengo respuesta

    <div class="response"><!-- Respuesta AJAX --></div>';