Question

试图显示/隐藏我的portlet，没有任何事情发生:( http://plnkr.co/edit/1rjq3UzJ6NYaDU2mNS2O?p=preview

$("#add").click(function() {
  $("#porlet1 portlet-body").hide();  
  $("#porlet1").hide();
  $("#porlet2").show();
  setTimeout(function(){
    $("#porlet2 portlet-body").show();
  }, 100);
});

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

在我的真实项目中，porlet1隐藏和portlet2显示。第二次隐藏后，第一个出现，然后我点击显示第二个，所有的小孔都隐藏。

Answer 1

更改你的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);
});
})

Jquery：显示和隐藏portlet

1 个答案: