Open Jquery Accordion Menu from exteral link
<p>I am having problems getting my jquery accordion side menu to open up to the correct when I click a link from my top menu.  Sorry I switched up my code.    Here are my pages:</p>

<p>HERE IS MY JS for side nav :</p>

<pre><code>function initMenu() {
$('#nav ul').hide();
/*$('#nav ul:first').show();*/
$('#nav li a').click(
function() {
  var checkElement = $(this).next();
  if((checkElement.is('ul')) &amp;&amp; (checkElement.is(':visible'))) {
    return true;
    }
  if((checkElement.is('ul')) &amp;&amp; (!checkElement.is(':visible'))) {
    $('#nav ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
    return false;
     }
   }
 );
}
$(document).ready(function() {initMenu();});
</code></pre>

<p>My UL LIST for side nav</p>

<pre><code>&lt;ul id="nav"&gt; 
 &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;    
 &lt;ul&gt;      
&lt;li&gt;&lt;a href="#"&gt;test1&lt;/a&gt;&lt;/li&gt;      
&lt;li&gt;&lt;a href="#"&gt;test2&lt;/a&gt;&lt;/li&gt;      
&lt;li&gt;&lt;a href="#"&gt;test3&lt;/a&gt;&lt;/li&gt;  
 &lt;/ul&gt;  
&lt;/li&gt; 
&lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;  
  &lt;ul&gt;     
   &lt;li&gt;&lt;a href="#"&gt;Sub-Item 2 a&lt;/a&gt;&lt;/li&gt; 
   &lt;li&gt;&lt;a href="#"&gt;Sub-Item 2 b&lt;/a&gt;&lt;/li&gt;  
  &lt;/ul&gt; 
&lt;/li&gt;  
&lt;li&gt;&lt;a href="#"&gt;Item 3&lt;/a&gt;  
   &lt;ul&gt;      
   &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 a&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="test1.shtml"&gt;Sub-Item 3 b&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 c&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 d&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt; 
&lt;/li&gt;  
&lt;li&gt;&lt;a href="#"&gt;Item 4&lt;/a&gt;    
&lt;ul&gt;     
 &lt;li&gt;&lt;a href="#"&gt;Sub-Item 4 a&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;Sub-Item 4 b&lt;/a&gt;&lt;/li&gt;    
 &lt;li&gt;&lt;a href="#"&gt;Sub-Item 4 c&lt;/a&gt;&lt;/li&gt; 
&lt;/ul&gt;  
&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>The page I want to make active</p>

<pre><code>&lt;script type='text/javascript'&gt;
google.load('search', '1', {language: 'en', style: google.loader.themes.V2_DEFAULT});
google.setOnLoadCallback(function() {
var customSearchOptions = {};
customSearchOptions['overlayResults'] = true;
var customSearchControl =   new       google.search.CustomSearchControl('008189712368144530774:cd8hgx1d4hk',   customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
customSearchControl.draw('cse', options);
}, true);

&lt;/head&gt;

&lt;body&gt;

&lt;div id="container"&gt;
&lt;div id="topbox"&gt;
     &lt;div id="topnav"&gt;&lt;!--#include file="topnav.html" --&gt;&lt;/div&gt;
     &lt;div id='cse'&gt;Loading&lt;/div&gt;
&lt;/div&gt;
&lt;div id="leftcol"&gt;
    &lt;div id="Topleft"&gt;&lt;!--#include file="topleftphoto.html" --&gt;&lt;/div&gt;
    &lt;div id="SideNav"&gt;&lt;!--#include file="sidenavdistrict.html" --&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="rightcol"&gt;
    &lt;div id="TopRight"&gt;Content for  id "topright" Goes Here&lt;/div&gt;
    &lt;div id="Body"&gt;Content for  id "body" Goes Here&lt;/div&gt;
&lt;/div&gt;
&lt;div id="Footer"&gt;Content for  id "footer" Goes Here&lt;/div&gt;
 &lt;/div&gt;
</code></pre>

<p>any thoughts on how to fix this would be great.  Im just learning how to use this so if you do help please be specific on where things should go.  You can check out live site at www.rsd17.org/test/test/untitled1.shtml Thanks</p>
