jquery fadeout not a solution
<p>With code below I'm fading some divs, but when I reload the page, the divs are visible again. I don't want that to happen; what I need is that if user clicks a back button or the home link, it should go back to the original format, otherwise the divs must be kept hidden when the page is reloaded.</p>

<pre><code>$(document).ready(function () {
    $("#prodoneid").click(function () {
        $("#sliderid, .prodcls").fadeOut(250);
    });
});
</code></pre>

<p>below is my html code
    
           </p>

<pre><code>    &lt;div id="prodoneid" class="prodcls"&gt; &lt;img src="images/zara/thumbnails/1.png" alt="ZARA"/&gt; &lt;/div&gt;

    &lt;div id="prodtwoid" class="prodcls"&gt;
    &lt;img src="images/zara/thumbnails/2.png" alt="ZARA"/&gt;
    &lt;/div&gt;

    &lt;div id="prodthreeid" class="prodcls"&gt;
    &lt;img src="images/puma/thumbnails/1.png" alt="PUMA"/&gt;
    &lt;/div&gt;

    &lt;div id="prodfourid" class="prodcls"&gt;
    &lt;img src="images/hermes/thumbnails/1.png" alt="HERMES"/&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>
