Jquery的：顯示和隱藏的portlet

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顯示第二後隱藏第一齣現，然後我點擊顯示第2和所有porlets隱藏。

Answer 1

改變你的js代碼..在你的代碼錯字錯在那裏。ID的speling是不正確的

$(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); 
}); 
})