Javascript 扰流板显示代码

我在这一页对你的扰流板有一个问题：

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

我应该在这段代码（html源代码）中具体更改什么？

$（文档）.ready（函数（）{
$（“.nonjs”）.removeAttr（“href”）；//对于没有JS的用户需要href
$（'.OS'）。单击（函数（）{
如果（$（this）.find（“.details”）为（“：可见”））
{
$（this.find（“.details”）.not（“：hidden”）.hide（“slow”）；
返回true；
}
其他的
{
$（“.OS”）。不是（这个）。每个（函数（i）{
$（this.find（“.details”）.hide（“slow”）；
});
$（this.find（“.details”）.show（“slow”）；
返回false；
}
});
});

---

该部分查找所有不是当前（单击）部分的部分并将其隐藏。

欢迎使用SO。我注意到你刚才还有其他问题没有回答。如果一个答案解决了你的问题，你应该。我对这个代码还有一个问题。当我点击扰流器下方（我有链接）而不是扰流器（窗口）时，扰流器消失，尽管我没有点击扰流器..为什么？如何更改$（'.OS'）。单击（函数（）{？这是因为您仍在

.OS

容器内单击。相反，请更改选择器，使其仅在单击图像时显示/隐藏。我可以使用什么代码将选择器更改为仅在单击图像时显示/隐藏？在我的情况下，我建议您使用简单的文本替换图像。您想选择图像吗这是一个拥有

OS

类的div的孩子。

<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>

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