на всякий случай на Vanilla.js
<head>
<meta charset="utf-8">
</head>
<body>
<button class="circle p">Predators</button>
<button class="circle s">Shrubs</button>
<button class="circle d">Donate</button>
<button class="circle t">Trees</button>
<button class="circle h">Hebivores</button>
<button class="circle v">Vacancies</button>
<button class="circle f">Flowers</button>
<button class="circle w">Workers</button>
<button class="circle i">Info</button>
<script>
[].forEach.call(document.querySelectorAll(".circle"), function(el){
el.addEventListener("click", function(e) {
[].forEach.call(el.parentNode.children, function(child){
if (child !== el) child.style.display ="none";
});
});
});
</script>
</body>