JQuery addclass a div seleccionado, eliminar clase si se selecciona otro div

Estoy haciendo un formbuilder, me gustaría cambiar la apariencia de, por ejemplo, un encabezado div. Cuando se hace clic, debe obtener un borde, pero cuando se hace clic en otro div generado dinámicamente, la clase debe eliminarse y el segundo div pulsado tiene que obtener la clase .active.

¿Cómo puedo hacer esto con los divs generados?

De todos modos, encontré algo que funciona, pero todavía necesito el Si se selecciona otro div, div.removeclass anterior y div.addclass seleccionado

Esto funciona:

/* Add Class */
$(document).ready(function() {
    $( document ).on( 'click', '.HeadingDiv', function () { /* This '.HeadingDiv' could be anything, I need something dynamic here */
        $('.HeadingDiv').removeClass('active'); /* This '.HeadingDiv' could be anything, I need something dynamic here */
        $(this).addClass('active');
    });
});

Respuestas a la pregunta(6)

Su respuesta a la pregunta