I'm trying to figure out why my script seems to be working in reverse. I have a page where there are hidden elements that will be shown when an image is clicked. The content should be hidden when the page is loaded, and only shown when the button is clicked. However, the page is loading with the content shown, and the images that are clicked actually hides the content,

The page is http://scope-stage.scholastic.com/is...ive-Nonfiction and there are headings on the lower right hand side with images next to them (circles with "+" signs in them) One of those are "Complexity Factors", and the grey sub headings under it is what should be hidden.

My jQuery script is:
<script>
$(document).ready(function()
{ $('div.hiddenComplexity').show();
$('div.expandingBtn').click(function()
{ $(this).next('div.hidden').slideToggle('fast');
return false; });
});
</script>
where .hiddenComplexity is the div that has the content that should be hidden under "Complexity Factors", but it is showing instead, and hides when clicked (the opposite as intended). .expandingBtn is the name of the DIV that is clicked to show the hidden content. What am I doing wrong?