javascript - 1 つのリンクで複数の div を切り替える Javascript

Question

1つは最初から表示され、もう1つは非表示です。単一のリンクをクリックすると、最初の div が消えて 2 番目の div が表示され、2 回目のクリックで元に戻るように、アクションを実行しようとしています。私はjavascriptについてある程度の知識を持っていますが、Jqueryについての知識はゼロで、ここで見つけた唯一の質問でした.

<script language="javascript">
function toggle() {
    var ele = document.getElementById("toggleContent");
    var text = document.getElementById("displayContent");
    if(ele.style.display == "block") {
            ele.style.display = "none;
        text.innerHTML = "blog posts";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide posts";
    }
}
</script>

これは私がこれまでに持っていたもので、1 つの div で機能しますが、同じリンクを介して 2 つの div で機能するように変更する方法がわかりません