JQuery显示并隐藏iFrame

Question

我有这段代码：

<script>
  $(document).ready(function(){
  $("a#calculator").click(function(){
  $("div#calc_frame").toggle();
});
});
</script>
<p class="form_text" style = "color: #f26522 !important; font-size:12px !important;"> Not sure of the date in either English or Hebrew?<br> Click to show our calculator (will appear to the right) <a href="#" id="calculator">here.</a></p >

定位围绕iFrame的DIV：

<div id="calc_frame" style="display:none;">
<iframe src="http://mountsinaiparks.org/digital-yahrzeit/wp-content/themes/yahrzeit-theme/dates2.html" style="width:100%; border:none; min-height:220px; padding-top: 35px;" ></iframe>
</div>

这个方法应该可以使用Bootstrap查询 - 但事实并非如此。我写错了吗？我希望用href显示和隐藏。

Answer 1

这是我的最终代码：

<script>
jQuery(document).ready(function($) {
$("button").click(function(e){
e.preventDefault();
    $("iframe").toggle();
});
});
</script>

完美无缺。