切换显示元素的原生js如何？

求助，想要制作两个按钮，点击一个能够显示一个class类别的元素，隐藏另一个class类别的元素。反之，点击另一个能显示之前隐藏的并且隐藏没有隐藏的class类别的元素。

<div class="a">a元素</div>
<div class="b" style="display: none;">b元素</div>
<input type="button" value="切换显示a元素" onclick="gr('.a','.b');" />
<input type="button" value="切换显示b元素" onclick="gr('.b','.a');" />
<script type="text/javascript">
function gr(s1,s2) {
    document.querySelector(s1).style.display = "";
    document.querySelector(s2).style.display = "none";
}
</script>