2016-04-26 18 views
0

Versuch, meine Portlet und nichts zu zeigen/verstecken passieren :( http://plnkr.co/edit/1rjq3UzJ6NYaDU2mNS2O?p=previewJQuery. Zeigen und verstecken Portlets

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

In meinem realen Projekt porlet1 Häuten und portlet2 zeigt nach 2. erscheint die erste versteckt und dann klicke ich die 2. zeigen und alle porlets verstecken.

Antwort

2

ändern Ihre js Code .. in Ihr Code Tippfehler Fehler gibt. ids speling sind falsch

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

Danke, aktualisiert meine zupfen. B ut ich sehe, wenn ich Knopf zweit und öfter blicke mein Portletkörper nicht mit Zeitüberschreitung anzeigen :( – kipris

+0

Bitte benutzen Sie meinen aktualisierten Code ich verpasste '.' vor portlet-body $ ("# portlet1 .portlet-body")(); – krishna

Verwandte Themen