Select menu to link to jquery tab
<p>I'm using the <a href="http://papermashup.com/jquery-show-hide-plugin/" rel="nofollow">jQuery Show/Hide plugin</a> to show content in 3 tabs (map-americas, map-europe and map-aspac).</p>

<p>I have a select menu that lists countries, but when one of those are selected, I would like the appropriate 'tab' to become visible.</p>

<p>My code is as follows;</p>

<pre><code>&lt;div id="map-global"&gt;
    &lt;div id="selection"&gt;
        &lt;select name="jumpMenu" id="jumpMenu"&gt;
            &lt;option value="#map-americas"&gt;Americas - Cuauhtémoc&lt;/option&gt;
            &lt;option value="#map-americas"&gt;Americas - New York&lt;/option&gt;
            &lt;option value="#map-americas"&gt;Americas - Santa Clara&lt;/option&gt;
            &lt;option value="#map-europe"&gt;Europe - Accrington&lt;/option&gt;
            &lt;option value="#map-europe"&gt;Europe - Barcelona&lt;/option&gt;
            &lt;option value="#map-europe"&gt;Europe - Bergamo&lt;/option&gt;
            &lt;option value="#map-aspac"&gt;Asia Pacific - Lane Cove&lt;/option&gt;
            &lt;option value="#map-aspac"&gt;Asia Pacific - Mumbai&lt;/option&gt;
            &lt;option value="#map-aspac"&gt;Asia Pacific - Singapore&lt;/option&gt;
        &lt;/select&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id="map-americas"&gt;
    Some content
&lt;/div&gt;
&lt;div id="map-europe"&gt;
    Some content
&lt;/div&gt;
&lt;div id="map-aspac"&gt;
    Some content
&lt;/div&gt;
&lt;ul class="nav"&gt;
    &lt;li&gt;&lt;a class="loc-global" href="#map-global"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="loc-america" href="#map-americas"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="loc-europe" href="#map-europe"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="loc-apac" href="#map-aspac"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>As you can see, the 'selection' div holds the select menu and depending on which item you select, the appropriate 'map-X' div should show.</p>

<p>Note: I have edited the code above to indicate that when a user first comes to the page, the select is in the "map-global" div.</p>

<p>So when a user selects an option, the "map-global" should then hide and the "map-americas", "map-europe" or "map-aspac" div should show. Also the corresponding link in the "nav" unordered list should have a "current" class applied.</p>
