Hi,
Please try this script and let me know if it does what you want to be done:
$(document).ready(() => {
inView('.triangle')
.on('enter', el => {
$("#cta-button").hide();
})
.on('exit', el => {
if ($('.square').visible(false) && $('.circle').visible(false)) {
$("#cta-button").show();
}
});
inView('.square')
.on('enter', el => {
$("#cta-button").hide();
})
.on('exit', el => {
if ($('.triangle').visible(false) && $('.circle').visible(false)) {
$("#cta-button").show();
}
});
inView('.circle')
.on('enter', el => {
$("#cta-button").hide();
})
.on('exit', el => {
if ($('.triangle').visible(false) && $('.square').visible(false)) {
$("#cta-button").show();
}
});
});
Thanks!