Problem when Accordian Children container is disabled

Forms
1

i am doing the following in order to disable an accordian container:
For java script:

//Hide/Show Controls on Load ####
function SubProcOnLoadShowHideControls() {
	if (fd.field('EntityRelatedToOrders').value === true) {
     	// Show Related Controls
        fd.container('ChurchEntityAccordion').$children[1].disabled = false;
		$(fd.control("SPChurchDT").$el).show();
		fd.container('ChurchEntityAccordion').$children[2].disabled = false;
        $(fd.field('CommitteeAndCouncilDecreeName).$parent.$el).show();
		$(fd.field('MultipleControlsNames').$parent.$el).show();

    } else {
		//Hide Related Controls
		fd.container('ChurchEntityAccordion').$children[1].disabled = true;
		$(fd.control("SPChurchDT").$el).hide();	
		fd.container('ChurchEntityAccordion').$children[2].disabled = true;
        $(fd.field('CommitteeAndCouncilDecreeName).$parent.$el).hide();
		$(fd.field('MultipleControlsNames').$parent.$el).hide();	
	}				
}

For the CSS i am using this script to hide accordian container disable children:

.accordion .disabled{
display: none;
}

the script is working.
I have an issue when i hide the controls and disable the accordian container children, still seeing a trace for the disabled children if i click them will expend but it is blank as the controls are hidden how to fix that the trace it should be hidden too

kindly check the attached pictures

2019-03-22_14-25-20
2019-03-22_14-25-20.png970×283 5.3 KB
2019-03-22_14-43-02
2019-03-22_14-43-02.png967×307 5.14 KB

2

Dear @gkhadra,
Please, try the following code to hide sections:
$(fd.container('ChurchEntityAccordion').$children[1].$el).hide();
And the following code to show:
$(fd.container('ChurchEntityAccordion').$children[1].$el).show();

3

Thank you @Nikita_Kurguzov for your help.