если с jquery то так я бы так сделал
<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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(".circle").click(function(){
$(this).siblings(".circle").hide();
});
</script>
</body>