Javascript-单击时显示另一个元素时隐藏一个显示元素

我有两个“+”符号，在打开和关闭之间切换，没有任何问题。我希望这样，当你点击一个打开，另一个已经打开，一个已经打开关闭，反之亦然。我尝试使用document.getElementById（），但它不起作用。我做错了什么

HTML

---

如果jQuery解决方案可以，我会使用

.toggle（）

来实现：

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

或

function display_author(id) {
    displayObject(id);
    if(document.getElementById('#new_affiliate_info').style.display != "none"){
        document.getElementById('#new_affiliate_info').style.display = "none";
    }
}

function display_affiliate(id) {
    displayObject(id);
}

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

$("button").click(function(){
  $("p").toggle();
});