How to hide a repeater element depending on a field value?

Ask the community
, ,
6

I’m back again with a follow-on. The code above worked to suppress a button in one repeater, but now I need to do the same thing for an additional 6 repeaters. Here’s what I’ve tried so far, without success:

$w.onReady(function () {
$w(“#repeater1”).onItemReady(($item, itemData, index) => {
$item(“#button43”).show()
if (itemData.status === “n”) {
$item(“#button43”).hide();
} else {
$item(“#button43”).show();
}
});

$w(“#repeater2”).onItemReady(($item, itemData, index) => {
$item(”#button51”).show()
if (itemData.status === “n”) {
$item(“#button51”).hide();
} else {
$item(”#button51”).show();
}
});

$w(“#repeater3”).onItemReady(($item, itemData, index) => {
$item(”#button52”).show()
if (itemData.status === “n”) {
$item(“#button52”).hide();
} else {
$item(”#button52”).show();
}
});

$w(“#repeater4”).onItemReady(($item, itemData, index) => {
$item(”#button53”).show()
if (itemData.status === “n”) {
$item(“#button53”).hide();
} else {
$item(“#button53”).show();
}
});

$w(“#repeater7”).onItemReady(($item, itemData, index) => {
$item(”#button56”).show()
if (itemData.status === “n”) {
$item(“#button56”).hide();
} else {
$item(”#button56”).show();
}
});

$w(“#repeater8”).onItemReady(($item, itemData, index) => {
$item(”#button57”).show()
if (itemData.status === “n”) {
$item(“#button57”).hide();
} else {
$item(”#button57”).show();
}
});

$w(“#repeater5”).onItemReady(($item, itemData, index) => {
$item(”#button54”).show()
if (itemData.status === “n”) {
$item(“#button54”).hide();
} else {
$item(”#button54”).show();
}
});
});