show/hide jquery script
<p>I have got show|hide script. It work's good but I need to modify html of this script</p>

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

<p>like on my schema</p>

<pre><code>&lt;!--Links--&gt;
&lt;div&gt;link1&lt;/div&gt;
&lt;div&gt;link2&lt;/div&gt;


&lt;!--Hide divs--&gt;
&lt;div&gt;Show1&lt;/div&gt;
&lt;div&gt;Show2&lt;/div&gt;
</code></pre>

<p>and my goal is that html look like this: </p>

<p>example html what I want to do</p>

<pre><code>    &lt;div class="product_menu_categories"&gt;link_1&lt;/div&gt;
    &lt;div class="product_menu_categories"&gt;link_2&lt;/div&gt;


     &lt;div class="copy hide"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#" id="prod_1" class="product_menu_link"&gt;test1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#" id="prod_2" class="product_menu_link"&gt;test2&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;

        &lt;div class="copy hide"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#" id="prod_6" class="product_menu_link"&gt;test4&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
</code></pre>
