簡單的JavaScript Magento

Question

嗨我有一個簡單的JavaScript問題，我沒有使用JavaScript一段時間，所以想知道你是否可以提供幫助。

<?php 
$sizeChartIcon= Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA)."size-charts/size-icon.gif"; ?> 

<a onclick="$('size-chart').show();"><?php echo '<img src="'.$sizeChartIcon.'" alt="size chart">' ; ?></a> 

<div id="size-chart" style="display:none;"> <?php echo Mage::app() ->getLayout() ->createBlock('cms/block') ->setBlockId($_product->getAttributeText('size_chart_template')) ->toHtml(); ?> 
</div> 

這顯示了靜態塊，如果你點擊sizeChartIcon，但它保持打開狀態，我將如何再次隱藏它，如果顧客能夠再次點擊該圖標？

Answer 1

調用此，而不是秀（）

<script type="text/javascript"> 
<!-- 
    function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 
//--> 
</script> 

來源：http://blog.movalog.com/a/javascript-toggle-visibility/