0

こんにちは私は簡単な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をクリックすると静的ブロックを表示しますが、開いたままです。顧客がアイコンをもう一度クリックした場合、どうすればそれを再び非表示にできますか？

4

1 に答える 1

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/

于 2013-03-13T16:53:21.193 に答える