スクリプトが逆に動作しているように見える理由を理解しようとしています。画像をクリックすると表示される非表示の要素があるページがあります。ページが読み込まれるとコンテンツは非表示になり、ボタンがクリックされたときにのみ表示されます。ただし、ページは表示されているコンテンツで読み込まれており、クリックされた画像は実際にはコンテンツを非表示にします。
ページはhttp://scope-stage.scholastic.com/is...ive-Nonfictionで、右下に見出しがあり、その横に画像があります (「+」記号の付いた円) それらの 1 つ「複雑さの要因」であり、その下の灰色のサブ見出しは非表示にする必要があるものです。
<script>
$(document).ready(function()
{ $('div.hiddenComplexity').hide();});
$('div.expandingBtn').click(function()
{$('div.hiddenComplexity').slideToggle('fast');
});
</script>
私のjQueryスクリプトは次のとおりです。.hiddenComplexityは、「複雑さの要因」の下に非表示にする必要があるコンテンツを含むdivですが、代わりに表示され、クリックすると非表示になります(意図したのとは逆です)。.expandingBtn は、非表示のコンテンツを表示するためにクリックされる DIV の名前です。私は何を間違っていますか?