Spoiler Display Code
<p>I have a question about your spoiler in this page:<br></p>

<p><a href="http://jdownloader.org/download/index" rel="nofollow">http://jdownloader.org/download/index</a><br></p>

<p>When i click on <strong>Windows</strong> it <em>appears</em> a table but when i click on <strong>Linux</strong> the content of Windows <em>disappears</em>. I want create a spoiler like this but that the content of one spoiler <em>doesn't disappear</em> when i press another spoiler.<br></p>

<p>What exactly should I change in this code (html source)?<br></p>

<pre><code>&lt;div class="dokuwiki"&gt;
        &lt;div class="right_page"&gt;
&lt;div class="entry-content"&gt;
&lt;script type="text/javascript" src="./JDownloader.org - Official Homepage_files/jquery.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript"&gt;                                         
 $(document).ready(function(){
 $(".nonjs").removeAttr( "href"); //href is needed for users without JS
 $('.OS').click(function(){
 if($(this).find(".details").is(":visible"))
 {
   $(this).find(".details").not(":hidden").hide("slow");
   return true;
 }
 else
 {
   $(".OS").not(this).each(function(i) {
     $(this).find(".details").hide("slow");
   });
   $(this).find(".details").show("slow");
   return false;
 }
 });
 });
 &lt;/script&gt;     
 &lt;style type="text/css"&gt;
 &lt;!--
.details {
display: none;
clear: both;
padding: 2px;
}
.nonjs{
    cursor:pointer;
}
img {
border: 0px;
}
--&gt;
&lt;/style&gt;
</code></pre>
