ビッグコマースReferenceError＆InvalidStateError

Question

私の拡大しているread-moreが私の大きな商業サイトで動作しない理由をデバッグしようとしています。

ページは次のとおりです。 http://snottynoses.com.au/vaporisers/

私はフッターに次のスクリプトを追加しました：

<script> 
(function($) { 
$('#show').click(function(e) { 
    $('#cdscontainer').toggle(); 
$('#show').toggle(); 

}); 
$('#hide').click(function(e) { 
    $('#cdscontainer').toggle(); 
$('#show').toggle(); 
}); 
})(jQuery); 
</script> 

とCSSに以下：

#cdscontainer {display:none;} 

とページ上のテキストこの中に座っています：

<a id="show" href="#cdscontainer">Read more…</a><div id="cdscontainer"> 
Paste text here… 
<a id="hide" href="#cdscontainer">...Hide Content</a> 
</div> 

フロントエンドでスクリプトが正しく動作しないため、スクリプトが正しく読み込まれていないと思いますが、firebugやchromeのコンソールツールを使用してスクリプトを追加すると、そのスクリプトは機能します。

インスペクタツールを開くと、コンソールエラーが発生している可能性があります。

これらのエラーを引き起こす可能性のあることは何ですか？それらを修正するにはどうすればよいですか？任意のヘルプ/アドバイス/提案のため

ありがとう：]

Answer 1

あなたは二回のjQueryを再初期化しようとしています。コードを次のように変更してください。

<script> 
$(function() { 

    // Bind the click event handler to both elements: 
    $('#show, #hide').click(function() { 
    $('#cdscontainer').toggle(); 
    $('#show').toggle(); // Should this be here? It will hide all of the content. 
    }); 

}); 
</script>