how to disappear text which was click from li
<p>I am new to jquery and I have 2 problem inside accordion menu which are </p>

<ol>
<li>I use this function for <strong>Job type</strong> which i want to appear end the menu box <em>(div)</em> when i click checkbox. that function worked but what i want is to disappear when i click the text which show end of the menu box. and  </li>
<li>in the list from <strong>Job Category</strong>. The problem is that I want
to appear end of the menu (div) if i clicked one of the list in that
category and disappear from the list just like same thing happen like the first one </li>
</ol>

<p>here are the accordion menu code </p>

<pre><code>&lt;div id="wrapper"&gt; 
    &lt;ul class="ac-menu"&gt;
        &lt;li id="one"&gt;
            &lt;a href="#one"&gt;Job Type&lt;/a&gt;
            &lt;ul class="sub-menu"&gt;
                &lt;li&gt;&lt;input type="checkbox" name="group"  value="Full Time" /&gt;Full Time &lt;/li&gt;
                &lt;li&gt;&lt;input type="checkbox" name="group" value="Part Time" /&gt;Part Time &lt;/li&gt;
                &lt;li&gt;&lt;input type="checkbox" name="group"  value="Freelance" /&gt;Freelance &lt;/li&gt;
                &lt;li&gt;&lt;input type="checkbox" name="group"  value="Internship" /&gt;Internship &lt;/li&gt;
                &lt;li&gt;&lt;input type="checkbox" name="group"  value="Daily" /&gt;Daily &lt;/li&gt; 
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li id="two"&gt;
            &lt;a href="#two"&gt;Job Category&lt;/a&gt;
            &lt;ul class="sub-menu"&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Accounting / Finance&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Banking / Financial&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;General / Cost Acct&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Admin / HR&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Art / Media / Comm&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Building / Construction&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Computer / IT&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Hardware&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Network / Systems / Database&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Software&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Crew recruitment&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Design&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Education / Training&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Electronics&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Engineering&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Healthcare&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Hotel/ Restaurant&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Logistic&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Management&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Manufacturing&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Office&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Otherse&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Sales / Marketing&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Sciences&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Serices&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Trading&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Translator&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#one"&gt;Travel / Tourism&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="results"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>here is the function that i use for the first part Job type</p>

<pre><code>function showValues() {
var fields = $(":input").serializeArray();
$("#results").empty();
jQuery.each(fields, function(i, field){
$("#results").append(field.value + " "+ "&lt;br&gt;");
});
}
$(":checkbox").click(showValues);

showValues();
$('.sub-menu li').empty();
</code></pre>

<p>please help me with this</p>
