javascript - 扰流板显示代码

Question

我对本页中的剧透有疑问：

http://jdownloader.org/download/index

当我点击Windows时，它会出现一个表格，但是当我点击Linux时，Windows 的内容就会消失。我想创建一个这样的扰流板，但是当我按下另一个扰流板时，一个扰流板的内容不会消失。

我到底应该在这段代码（html源代码）中改变什么？

<div class="dokuwiki">
        <div class="right_page">
<div class="entry-content">
<script type="text/javascript" src="./JDownloader.org - Official Homepage_files/jquery.js"></script>
 <script type="text/javascript">                                         
 $(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;
 }
 });
 });
 </script>     
 <style type="text/css">
 <!--
.details {
display: none;
clear: both;
padding: 2px;
}
.nonjs{
    cursor:pointer;
}
img {
border: 0px;
}
-->
</style>

Answer 1

$(".OS").not(this).each(function(i) {
    $(this).find(".details").hide("slow");
});

该部分找到所有不是当前（单击）的部分并隐藏它们。