On click() list item, show div with same ID
<p>I have a menu with list items whose ID is associated to a div, each containing content relative to the list items. I am trying to show the content when a particular list item is clicked. I realize the <code>this</code> is referring to <code>#agency ul li</code>, but I can't seem to get my head around how to reference the content divs.</p>

<p>HTML</p>

<pre><code>&lt;ul id="agency"&gt;
            &lt;li&gt;Select an Agency&lt;/li&gt;
            &lt;ul&gt;
                &lt;li id="agriculture"&gt;Department of Agriculture&lt;/li&gt;
                &lt;li id="commerce"&gt;Department of Commerce&lt;/li&gt;
                &lt;li id="defense"&gt;Department of Defense&lt;/li&gt;
                &lt;li id="energy"&gt;Department of Energy&lt;/li&gt;
                &lt;li id="health"&gt;Department of Health and Human Services&lt;/li&gt;
                &lt;li id="homeland"&gt;Department of Homeland Security&lt;/li&gt;
                &lt;li id="interior"&gt;Department of the Interior&lt;/li&gt;
                &lt;li id="transportation"&gt;Department of Transportation&lt;/li&gt;
                &lt;li id="veterans"&gt;Department of Veteran Affairs&lt;/li&gt;
                &lt;li id="epa"&gt;Environmental Protection Agency&lt;/li&gt;
                &lt;li id="aeronautics"&gt;Nat'l Aeronautics and Space Admin&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/ul&gt;

    &lt;div id="agency-wrap"&gt;
        &lt;div id="agriculture"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="http://www.ars.usda.gov/partnering"&gt;USDA Agricultural Research Service&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.ars.usda.gov/business/docs.htm?docid=763&amp;page=3"&gt;USDA ARS Tech Transfer Coordinators&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.fs.fed.us"&gt;USDA Forest Service&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div id="commerce"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="http://www.nist.gov/tpo/"&gt;DOC Nat'l Institue of Standards and Tech&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.noaa.gov"&gt;DOC Nat'l Ocean and Atmosph Admin&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.its.bldrdoc.gov/"&gt;DOC Institue for Telecom Sciences&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.nist.gov/mep/"&gt;DOC Manufacturing Extension Program&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div id="defense"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="http://www.acq.osd.mil/ott/techtransit"&gt;DOD Secretary of Defense&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.arl.army.mil/main/Main/default.cfm?Action=6"&gt;DOD Army Research Lab&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.onr.navy.mil/en/Sciecne-Technology/Directtorates/Transition/Technology-Transfer-T2aspx"&gt;DOD Office Naval Research&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.wpafb.af.mil/library/factsheets/factsheet.asp?id=6026"&gt;DOD Air Force Research Lab&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.mda.mil/business/tech_apps.html"&gt;DOD Missle Defense Agency&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.jfcom.mil/about/industry.htm"&gt;DOD Joint Forces&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.defenseinnovationmarketplace.mil/index.html"&gt;DOD Defense Innovation Marketplace&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div id="energy"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="http://technologytransfer.energy.gov"&gt;DOE Tech Transfer Office&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div id="health"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="http://www.ott.nih.gov/"&gt;DHHS National Institutes of HealthNIH &lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.cdc.gov/od/ads/techtran/tech.htm"&gt;DHHS Centers for Disease Control&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="http://www.fda.gov/ScienceResearch/CollaborativeOpportunities/default.htm"&gt;DHHS Food and Drug Administration&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;​
</code></pre>

<p>JS</p>

<pre><code>$(function() {
    $('#agency-wrap &gt; div').addClass('agency-hide');

    $('#agency ul li').click(function() {
        $("#" + $(this).attr('id')).fadeIn('slow').siblings().hide();
    });
});​
</code></pre>

<p>CSS</p>

<pre><code>.agency-hide {
    display: none;
}        
#agency {
    width: 300px;
}​
</code></pre>

<p>I have not styled the css yet and will take care of that after functionality is complete</p>

<p><a href="http://jsfiddle.net/yD4D5/" rel="nofollow">http://jsfiddle.net/yD4D5/</a></p>
