Еще такой вопрос, ребят, если не трудно. Есть у меня

Image в нем куча разных виджетов и есть два самые важные Widget1 и Widget2, один из них должен прятаться по определенному условию, условие я проверяю в js функции, и почему то через console.log() я вижу что условие срабатывает, но вот один из виджетов не прячеться. Структура следущаю(примерно):
Image {
id: imageID
source: «../icons/image.png»

property bool visibleWidget1: false
property bool visibleWidget2: true

function checkVisible() {
if (ModuleCPP.value === 1) {
ImageID.visibleWidget1 = false;
ImageID.visibleWidget2 = true;
}
if (ModuleCPP.value === 2) {
ImageID.visibleWidget2 = false;
ImageID.visibleWidget1 = true;
}
}

Widget1 {
id: widget1ID
source: «../icons/widget1.png»
visible: visibleWidget1
}

Widget2 {
id: widget2ID
source: «../icons/widget2.png»
visible: visibleWidget2
}
Вот что я делаю не так?

Есть кто-то шарит - прошу отзовитесь! Прям очень надо!

1) id пиши с маленькой буквы

вот так вот вроде