简单JavaScript Magento

嗨，我有一个简单的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>

如果您单击SizeArticon，但它保持打开状态，则会显示静态块。如果客户再次单击图标，我将如何再次隐藏它？

称之为此，而不是show（）

资料来源：

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