Question

显示/隐藏jQuery脚本。当我隐藏我的div内容并重新加载页面时，我的内容会在1秒或之后保持可见状态，此后＃34;短暂延迟＆＃34;一切都很好，我的div内容被隐藏了。

我该如何解决这个问题？

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

});

Answer 1

在你的CSS中添加：

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

然后将您的代码更改为：

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


});

Answer 2

尝试替换

.hide();

与

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

jQuery隐藏/显示短暂延迟

2 个答案: