I’m trying to do something with jquery but it just isn’t working. I’ve got a list of entry titles that want to be hidden until the user clicks on the h2 tag above it.
Here is the code and the page where it should be working (bottom right)
<h2 class="toggle">All Teachers</h2>
<div class="view">
{exp:weblog:entries weblog="teachers" orderby="date" sort="desc" limit="100" status="open" dynamic="off" disable="member_data|pagination|trackbacks"}
{categories}<h3><a href="{permalink=">{title}</a></h3>{/categories}
{/exp:weblog:entries}
</div>
<scr*pt type="text/javascript">
$(document).ready(funtion(){
$('div.view').hide();
$('h2.toggle').click(function(){
$('div.view').show();
$(this).hide();
});
});
</scr*pt>
