change the class of in jquery
<p>I'm looking to go away from our current according style menu and use jquery in it's place.  The problem is our curent code uses values that we pass in on the query string to tell the menu which section should be open and what item in that section should be highilghted.  I've been trying to work with jquery to accomplish this but i'm new to jquery and am stumbling.  I've seen a lot of examples out there of according style menu's, but none allow me to pass in the section and the row to hightlight. </p>

<p>So i've found a simple according style menu that uses jquery and i'm thinking that if i have an unordered list, somethign like this</p>

<pre><code>&lt;ul id="accordion"&gt;
        &lt;li&gt;
            &lt;div&gt;
                Sports&lt;/div&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;Golf&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Cricket&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Football&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;div&gt;
                Technology&lt;/div&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;iPhone&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#" id="c23"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;div&gt;
                Latest&lt;/div&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;Obama&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Iran Election&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Health Care&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>I should, with jquery be able to do a $('accordion').find('c23') and be able to slideup this section and hightligh the href.. but i can't figure out the code to do it... Here is what i have so far to get the according effect</p>

<pre><code> $("#accordion &gt; li &gt; div").click(function () {

            if (false == $(this).next().is(':visible')) {
                $('#accordion ul').slideUp(300);
            }
            $(this).next().slideToggle(300);
        });
</code></pre>

<p>this is some code i found at <a href="http://viralpatel.net/blogs/2009/09/create-accordion-menu-jquery.html" rel="nofollow">http://viralpatel.net/blogs/2009/09/create-accordion-menu-jquery.html</a>... </p>

<p>Anyway.. was hoping someone descent at jquery would be able to help me out.</p>

<p>Thanks
shannon</p>
