javascript - 简单的 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

调用它而不是 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>

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