jQuery - 숨겨진 div 표시 및 쿠키 확인

Question

이 작은 캠페인 팝업 상자를 만들었지 만 .popupbox 클래스를 display : none으로 설정해야합니다. 그렇지 않으면 깜박임/사이트 새로 고침 또는 변경시 표시됩니다. 하지만 숨겨진 div를 표시하기 위해 jQuery 스크립트를 어떻게 변경할 수 있습니까? div를 보여주기 전에 쿠키를 확인 하시겠습니까?

<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>