Jquery:显示和隐藏portlet

试图显示/隐藏我的portlet，但什么也没有发生：(

---

在我的真实项目中，porlet1隐藏，portlet2显示。在第二次隐藏后，第一次出现，然后我单击显示第二次，所有porlets隐藏。

更改js代码。.在代码中存在键入错误。id的拼写不正确

$(document).ready(function(){
$("#add").click(function() {

   $("#portlet1 .portlet-body").hide();
  $("#portlet1").hide();
  $("#portlet2").show();
  setTimeout(function(){
    $("#portlet2 .portlet-body").show();
  }, 100);
});

$("#remove").click(function() {
  $("#portlet2 .portlet-body").hide();
  $("#portlet2").hide();
  $("#portlet1").show();
  setTimeout(function(){
    $("#portlet1 .portlet-body").show();
  }, 100);
});
})

---

更改你的js代码。在你的代码中有拼写错误。id的拼写不正确

$(document).ready(function(){
$("#add").click(function() {

   $("#portlet1 .portlet-body").hide();
  $("#portlet1").hide();
  $("#portlet2").show();
  setTimeout(function(){
    $("#portlet2 .portlet-body").show();
  }, 100);
});

$("#remove").click(function() {
  $("#portlet2 .portlet-body").hide();
  $("#portlet2").hide();
  $("#portlet1").show();
  setTimeout(function(){
    $("#portlet1 .portlet-body").show();
  }, 100);
});
})

---

谢谢，更新了我的plunk。但是当我第二次和更多次单击按钮时，我看到我的portlet主体没有显示超时：（请使用我错过的更新代码。）在portlet主体$（“#portlet1.portlet主体”）.hide（）之前。谢谢，更新了我的plunk。但是当我第二次和更多次单击按钮时，我看到我的portlet主体没有显示超时：（请使用我在portlet body$（“#portlet1.portlet body”）.hide（）之前错过的更新代码“.”；