jQuery ausblenden/kurze Verzögerung anzeigen

Ein jQuery-Skript ein-/ausblenden. Wenn ich meinen Inhalt div verberge und die Seite neu lade, bleibt mein Inhalt für 1 Sekunde oder so und nach dieser "kurzen Verzögerung" ist alles in Ordnung, mein div Inhalt ist ausgeblendet.jQuery ausblenden/kurze Verzögerung anzeigen

Wie kann ich das lösen?

$(document).ready(function(){ 

jQuery('#animate_shoutboxTurnOn').hide(); 
jQuery('#animate_shoutbouxMarker').click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeOut('fast'); 
     jQuery('#animate_shoutboxTurnOn').show(); 
     jQuery.cookie("openclose","closed", {expires: 365}); 
     return false; 
    }); 
jQuery("#animate_shoutboxTurnOn").click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeIn('fast'); 
     jQuery('#animate_shoutbouxMarker').show(); 
     jQuery.cookie("openclose","open", {expires: 365}); 
     return false; 
    }); 
if(jQuery.cookie("openclose") == "closed") { 
     jQuery("#animate_shoutbouxMarker").hide(); 
     jQuery("#animate_shoutboxTurnOn").show(); 
     jQuery('#shoutbox_category').hide(); 
    }; 

});

Quelle

2016-09-17 mydream

in Ihrem CSS add:

#animate_shoutboxTurnOn, #animate_shoutbouxMarker, #shoutbox_category{ 
    display:none; 
}

dann Ihren Code ändern:

$(document).ready(function(){ 

    if(jQuery.cookie("openclose") == "closed") { 
     jQuery("#animate_shoutboxTurnOn").show(); 
     jQuery("#animate_shoutbouxMarker").hide(); 
     jQuery('#shoutbox_category').hide(); 
    } else { 
     jQuery("#animate_shoutboxTurnOn").hide(); 
     jQuery("#animate_shoutbouxMarker").show(); 
     jQuery('#shoutbox_category').show(); 
    }; 
    jQuery('#animate_shoutbouxMarker').click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeOut('fast'); 
     jQuery('#animate_shoutboxTurnOn').show(); 
     jQuery.cookie("openclose","closed", {expires: 365}); 
     return false; 
    }); 
    jQuery("#animate_shoutboxTurnOn").click(function() { 
     jQuery(this).hide(); 
     jQuery('#shoutbox_category').fadeIn('fast'); 
     jQuery('#animate_shoutbouxMarker').show(); 
     jQuery.cookie("openclose","open", {expires: 365}); 
     return false; 
    }); 


});

Quelle

2016-09-17 20:14:59 the7erm

Funktioniert nicht .. ich meine. Also, ich möchte schon meine Div-Box anzeigen und wenn ich auf Verbergen-Taste klicke, um die Box zu verstecken, und wenn ich mich erfrische, möchte ich versteckt werden und nur meine Verstecke (Show-Button) sichtbar sein (um wieder auf meine Box zu schalten) . – mydream

Sehen Sie sich Ihre Javascript-Konsole an und prüfen Sie auf Fehler. Es klingt wie 'jQuery.cookie' ist nicht geladen. – the7erm

Ich habe keine Fehler .. alles ist in Ordnung .. aber wenn die Box ausgeblendet ist und ich die Seite aktualisieren, ist die Box sichtbar und nach einer sehr kurzen Verzögerung (1sec) => versteckt .. Ich weiß nicht warum. – mydream

try

.hide();

mit

ersetzen

.css('display','none');

Quelle

2016-09-17 21:45:17 stweb

jQuery ausblenden/kurze Verzögerung anzeigen

Antwort

Verwandte Themen