if(String(newVar) === {{ control.hiddenOrVisible === 'hidden' ? control.config.hiddenVarValue : control.config.visibleVarValue}} {{ control.hiddenOrVisible === 'hidden' ? control.config.hideIfVariableIsEmpty ? '|| !newVar' : '' : control.config.showIfVariableIsEmpty ? '|| !newVar' : ''}}) {
    document.getElementById("{{control.id}}").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'hidden'" : "'visible'"}};
    if(!scrollableArea.isScrollUpVisible('{{control.id}}')){
        document.querySelector("#{{control.id}} .equ-scroll-up").style.visibility = 'hidden';
        enableControl('{{control.id}}-up', false);
    } else {
        document.querySelector("#{{control.id}} .equ-scroll-up").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'hidden'" : "'visible'"}};
        enableControl('{{control.id}}-up', {{control.hiddenOrVisible === 'hidden' ? false : true}});
    }
    if(!scrollableArea.isScrollDownVisible('{{control.id}}')){
        document.querySelector("#{{control.id}} .equ-scroll-down").style.visibility = 'hidden';
        enableControl('{{control.id}}-down', false);
    } else {
        document.querySelector("#{{control.id}} .equ-scroll-down").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'hidden'" : "'visible'"}};
        enableControl('{{control.id}}-down', {{control.hiddenOrVisible === 'hidden' ? false : true}});
    }
} else {
    document.getElementById("{{control.id}}").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'visible'" : "'hidden'"}};
    if(!scrollableArea.isScrollUpVisible('{{control.id}}')){
        document.querySelector("#{{control.id}} .equ-scroll-up").style.visibility = 'hidden';
        enableControl('{{control.id}}-up', false);
    } else {
        document.querySelector("#{{control.id}} .equ-scroll-up").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'visible'" : "'hidden'"}};
        enableControl('{{control.id}}-up', {{control.hiddenOrVisible === 'hidden' ? true : false}});
    }
    if(!scrollableArea.isScrollDownVisible('{{control.id}}')){
        document.querySelector("#{{control.id}} .equ-scroll-down").style.visibility = 'hidden';
        enableControl('{{control.id}}-down', false);
    } else {
        document.querySelector("#{{control.id}} .equ-scroll-down").style.visibility = {{control.hiddenOrVisible === 'hidden' ? "'visible'" : "'hidden'"}};
        enableControl('{{control.id}}-down', {{control.hiddenOrVisible === 'hidden' ? true : false}});
    }
}