0

このページであなたのネタバレについて質問があります：

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

1 に答える 1

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

その部分は、現在の（クリックされた）ものではないものをすべて見つけて非表示にします。

于 2012-07-19T14:57:37.953 に答える