jQuery - 顯示隱藏的div和檢查cookie

Question

我已經制作了這個小型活動彈出框，但我需要類.popupbox才能顯示：none，否則它會在網站刷新或更改時閃爍/顯示。但我怎麼能改變我的jQuery腳本來顯示隱藏的div？並在顯示div之前檢查cookie？

<div class="popupbox" id="popupboxToggleDiv"> 
    <a href="#" id="campaign_Toggle"> 
    <div class="close_button"></div> 
    </a> 
    <div class="campaign_text">Free shipping</div> 
</div> 

<script> 
    if (jQuery.cookie("toggle") == "toggled") 
    jQuery("#popupboxToggleDiv").hide("fast"); 

    jQuery('#campaign_Toggle').click(function() { 
    jQuery('#popupboxToggleDiv').fadeOut('slow'); 
    jQuery.cookie("toggle", "toggled"); 
    return false; 
    }); 
</script> 

Answer 1

您可以設置顯示其他條件，如：

<script> 
    if (jQuery.cookie("toggle") == "toggled") 
     jQuery("#popupboxToggleDiv").hide("fast"); 
    else 
     jQuery("#popupboxToggleDiv").show("fast"); 

jQuery('#campaign_Toggle').click(function() { 
    jQuery('#popupboxToggleDiv').fadeOut('slow'); 
    jQuery.cookie("toggle", "toggled"); 
    return false; 
}); 
</script>