トグルされた div を正しく表示する Firefox に問題があります。私は他の質問を見てきましたが、同じ問題をカバーしているようには見えません。
トグルされている両方のdivにwufooフォームがあります。これが私のコードです。
<script>
$(document).ready(function() {
$('.cheque-content').hide();
$('.cheque-function').click(function(){
$('div.cheque-content').toggle();
});
});
</script>
<h6 class="show-book cheque-function">Book by Cheque</h6>
<div class="cheque-content">
<p>sample paragraph</p>
<div id="wufoo-q7p5z5">
Fill out my <a href="http://zulo.wufoo.com/forms/q7p5z5">online form</a>.
</div>
<script type="text/javascript">var q7p5z5;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'zulo',
'formHash':'q7p5z5',
'autoResize':true,
'height':'1346',
'async':true,
'header':'hide',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { q7p5z5 = new WufooForm();q7p5z5.initialize(options);q7p5z5.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
</div>
他の div は、異なる情報を含む同じコードに従います。これは wufoo スクリプトと関係があると思いますが、これが Firefox で機能しない理由を知っている人はいますか? 他のすべてのブラウザで動作します。
グラントに感謝