Cómo manejar más sectores de rasgos

Quiero añadir más sectores de Estructura como se indica a continuación:
Añadir Sector de Configuración
        var traitsSector = $('<div class="gjs-sm-sector no-select">'+
          '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Settings</div>' +
          '<div class="gjs-sm-properties" style="display: none;"></div></div>');
        var traitsProps = traitsSector.find('.gjs-sm-properties');
        traitsProps.append($('.gjs-trt-traits'));
        $('.gjs-sm-sectores').antes(traitsSector);
        traitsSector.find('.gjs-sm-title').on('click', function(){
          var traitStyle = traitsProps.get(0).style;
          var hidden = traitStyle.display == 'ninguno';
          si (oculto) {
            traitStyle.display = 'bloqueo';
          } else {
            traitStyle.display = 'ninguno';
          }
        });
		
Añadir estructura de ajustes
        var traitsSector_more = $('<div class="gjs-sm-sector no-select">'+
          '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Structure</div>' +
          '<div class="gjs-sm-properties" style="display: none;"></div></div>');
        var traitsProps_more = traitsSector_more.find('.gjs-sm-properties');
        traitsProps_more.append($('.gjs-trt-traits'));
        $('.gjs-sm-sectores').antes(traitsSector_more);
        traitsSector_more.find('.gjs-sm-title').on('click', function(){
          var traitStyle_more = traitsProps_more.get(0).style;
          var oculto = traitStyle_more.display == 'ninguno';
          si (oculto) {
            traitStyle_more.display = 'bloqueo';
          } else {
            traitStyle_more.display = 'ninguno';
          }
        });
No sé qué hacer si podría estar gestionando datos cegadores hacia los dos sectores anteriores cuando hago clic en cualquiera de los componentes.
hasta donde veo, sus problemas:
! [Captura](https://user-images.githubusercontent.com/55629233/77134003-c53df780-6a97-11ea-81e7-7cb586cfd08d.PNG)