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 > 

はインラインフレームに巻き付けられた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> 

この方法は、私はブートストラップクエリを使用していますの動作するはずです - そうではありません。私は間違って何か書いたことがあります私はそれをhrefで表示したり隠したりしたいと思います。

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

完璧に動作します

：

Answer 1

これは私の最終的なコードでした。