How do I disable one function if another is enabled in Javascript?

PREFACE: I know close to NOTHING about javascript.

I've got the following javascript code on a webpage I'm working on:

function Printed() {
var x = document.getElementById("PRIMP");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}

function Digital() {
var x = document.getElementById("DIGMP");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}


Essentially, I've got a page that displays certain content when the Printed function is active and other content when Digital is active (this is working currently).

The issue is that if someone were to, say, click to see the Digital content AFTER they've clicked to see the Printed content, I need the Printed content to disappear so that only one segment of content is visible at any one time (and vice-versa).

Thus, I need to know what to add/change to this existing code to make that happen.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.