[accordion] How to use accordion navigation option?
Hi - I am new to the accordion plugin and I am completely flummoxed by
the navigation option.
Here's what I'm doing - I have a sidebar menu which uses Accordion,
and each of the items in the sidebar will execute a load command to
dump a snippet into a main content div. So all the page updates are
ajax, the primary url doesn't change except via query strings. My hope
was that the nav option would make accordion aware of the page state
and allow bookmarking the snippets, etc - but no luck, and the
documentation for this option is very minimal (about two
sentences...)
Here's a bit of my semi-bogus code, taken largely from one of the
demos on the jquery ui site:
<script>
//accordion
$('#accordion').accordion({
header: ".ui-accordion-header",
clearStyle: true,
navigation: true
});
</script>
//removing a bunch of random junk
<div class="ui-accordion-group">
<span class="ui-accordion-left"/>
<h3 class="ui-accordion-header" tabindex="2">
<a class="head" href="?p=bb" onclick='$("#mainContent").load("tools/
blackboard/BBMain.html")'>Blackboard</a>
<span class="ui-accordion-right"/>
</h3>
<div class="ui-accordion-content" style="display: none;">
<ul class="sidebar">
<li class="subhead"><a href="#?p=bb.1" onclick='$
("#mainContent").load("tools/blackboard/BBLogin.html")'>Logging In</
a></li>
<li class="subhead"><a href="#?p=bb.2" onclick='$
("#mainContent").load("tools/blackboard/BBStart.html")'>Getting
Started</a></li>
<li class="subhead"><a href="?p=bb.3">Groups</a></li>
<li class="subhead"><a href="?p=bb.4">Gradebook</a></li>
<li class="subhead"><a href="?p=bb.5">Assignment Tools</a></li>
<li class="subhead"><a href="?p=bb.6">Blogs</a></li>
<li class="subhead"><a href="?p=bb.7">Wikis</a></li>
<li class="subhead"><a href="?p=bb.8">Customizing</a></li>
<li class="subhead"><a href="?p=bb.9">Assessment</a></li>
<li class="subhead"><a href="?p=bb.10">FAQ</a></li>
</ul>
</div>
</div>