divの表示を変更するためにJavaScriptのクッキーを使用

Question

最初のページビューに大きなプロモーションを表示したい場合は、その後に展開可能な最小限のプロモーションのみを表示します。 javascriptの私の条件はdivのスタイルを変更しないようです。テスト用に配置された警告ダイアログが機能し、クッキーが機能しているように見えます。私はJavaScriptの初心者です。

何か助けていただければ幸いです。

<script> 
if (document.cookie.indexOf('visited=true') == -1) { 
var oneDay = 1000*60*60*24*1; 
var expires = new Date((new Date()).valueOf() + oneDay); 
document.cookie = "visited=true;expires=" + expires.toUTCString(); 
alert('We can show the large promo because this is the first page view for today.'); 
} else { 
alert('We\'ve already shown the large promo, we will show a much smaller expandable promo.'); 
document.getElementById('promo').style.display='none'; 
document.getElementById('promo-reduced').style.display='block'; 
} 
</script> 

<div id="promo-reduced" style="display:none;"> 
<a onclick="show();"> <img src="/images/small_icon.gif" height="26" width="48" border="0" align="left" />Learn about this product.</a> 
</div> 

<div id="promo" style="display:block;"> 
<a onclick="conceal();">Close</a> 
<a href="/learn-more.html" target="_blank" onclick="conceal();"><img src="/images/large-promo.jpg" border="0" /></a><br /> 
</div> 

Answer 1

あなたのコードは動作しているように見えますが、JavaScriptが起動する前に起動しています。体内のコンテンツの後にスクリプトを配置してみてください。