小编Ant*_*lis的帖子

但是根据我所做的，如果我将显示模式设为 : none 或 block ，那么我无法让它在点击时显示。

此外，当我单击显示/隐藏图像时，它会在页面开头滚动，而不是停留在同一位置并显示 iframe。

有什么帮助吗？

下面我做了显示/隐藏功能

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script>

    $(document).ready(function(){

      $("#on").click(function(){

        $("map").show();

      });

      $("#off").click(function(){

        $("map").show(); 

      });

    });

    </script>

I帧和图像是：

<div id="show/hide" align="center">
    <a href="#" id="on">
      <img src="http://icons.iconarchive.com/icons/double-j-design/apple-festival/256/app-map-icon.png"  width="80" height="80">
    </a>

<div id="map" style="display:block ;"> 
  <iframe src="https://mapsengine.google.com/map/embed?mid=zkhFhUgoi5X4.kL86cmKz_OL8" height="300px" width=" 100%" ></iframe>
</div>