谷歌地图嵌入代码在 JQuery Toggle 中不起作用

Question

运行一个简单的切换 -- 在 div 中，我有一个 Googe 地图嵌入代码 (IFRAME) 片段。当切换被激活时，所有样式和文本都可以工作，但是地图的图像不显示......有什么想法吗？

$(document).ready(function(){ 
  $("#classes").click(function(e){ 
    $("#class_breakdown").slideToggle("slow"); 
    e.preventDefault(); 
  }); 
}); 

<a href="#" id="classes">Click</a>

<div class="class_breakdown">The IFRAME Here</div>

Answer 1

您指的是 ID 为 *class_breakdown* 的事物： $("#class_breakdown").slideToggle("slow");

但是，您的 HTML 中没有该类的任何内容。相反，它有一个 *class_breakdown* 的 class，应该这样称呼： $(".class_breakdown").slideToggle("slow");