Show/Hide content with jquery
<p>I'm using jqZoom to swap a main image from selected thumbnail images, but I would also like to toggle some content divs. So when I click on the first thumbnail, it will swap the big image that will have the zoom and also show the content of div id="one". Similarly, clicking thumbnail two would swap</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('.jqzoom').jqzoom({
            title: false,
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });

});
&lt;/script&gt;
[...]
&lt;body&gt;
&lt;div class="clearfix"&gt;
    &lt;a href="imgProd/triumph_big1.jpg" class="jqzoom" rel='gal1'  title="triumph" &gt;
        &lt;img src="imgProd/triumph_small1.jpg"  title="triumph"  style="border: 4px solid #666;"&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;div id="one" style="display:none;"&gt;
    div class one text
&lt;/div&gt;
&lt;div id="two" style="display:none;"&gt;
    div class two text
&lt;/div&gt;
&lt;div id="three" style="display:none;"&gt;
    div class three text
&lt;/div&gt;
&lt;ul id="thumblist" class="clearfix" &gt;
    &lt;li&gt;&lt;a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small1.jpg',largeimage: './imgProd/triumph_big1.jpg'}"&gt;&lt;img src='imgProd/thumbs/triumph_thumb1.jpg'&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small2.jpg',largeimage: './imgProd/triumph_big2.jpg'}"&gt;&lt;img src='imgProd/thumbs/triumph_thumb2.jpg'&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a  href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small3.jpg',largeimage: './imgProd/triumph_big3.jpg'}"&gt;&lt;img src='imgProd/thumbs/triumph_thumb3.jpg'&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
</code></pre>
