Bouton qui masque un calque et en affiche un autre

Bonjour à Tous,

Voilà j'ai une page HTML qui contient 2 calques (Layer1 et Layer2).
J'ai créé 2 boutons: Vue1 et Vue2.
J'aimerai qu'en cliquant sur le bouton Vue1 le calque Layer1 s'affiche et le calque Layer2 se masque, et en cliquant sur le bouton Vue2 que ça soit l'inverse (Layer1 masqué et Layer2 affiché).

Je sais comment en cliquant sur un bouton, j'arrive à agir sur un seul calque, mais pas sur les deux.

Si quelqu'un peut m'aider.

Merci d'avance.

Code:

---

style.display

---

Merci mais concrètement comment je fais ?
Pour un bouton j'ai un onClick que j'utilise pour un des 2 calques, mais comment faire pour appliquer mon onClick sur 2 évènements simultanément ?

Code:

---

obj1.style.display='none';obj2.style.display='block'

---

Merci; mais j'ai un soucis.
Le code suivant ne donne rien.

Code:

---

1 2	<button onClick="document.getElementById('Layer1').style.visibility='visible'; document.getElementById('Layer2').style.visibility='hidden'">Vue1</button>

---

En modifiant mon code, ça masque mais n'affiche pas l'autre.

Code:

---

1 2	<button onClick="Layer2.style.display='none'; Layer1.style.display='block'">Vue2</button>

---

Une idée ?

C bon ça marche.

Merci.