1 
<div id=klik>KLIK   </div>
<div class="list">
    <div class="list-wrapper">
        <div class="line">1</div>
        <div class="line">2</div>
    </div>
    <div class="line">3</div>
    <div class="line">4</div>
</div>

これはHTMLです。最初にリスト全体を非表示にするためにJavscriptを使用します。次に、onclick関数を作成して、最初の2つの要素、つまりdivリストラッパーの2つだけを表示したいと思います。これは私が書いたコードです。

$(document).ready(function(){
$(".list").hide();

$("#klik").click(function(){
$(".list-wrapper").show();

});
});

それが要素を決して示さないという問題。

4

2 に答える 2

2

You are trying to show an element that is still wrapped inside a hidden parent element. In case you hide and show the same selection it is working just fine. You could do it like this:

$(document).ready(function(){
   $(".list").hide();

   $("#klik").click(function(){
      $(".list").show().children().not('.list-wrapper').hide(); //show .list, then hide everything that is not inside .list-wrapper
   });

});​

Working demo

EDIT:
And fix your HTML markup (missing quotes "" ) <div id=klik>KLIK</div>

于 2012-04-15T11:35:50.547 に答える
0

表示しようとしているものの親要素を隠しています。 show呼び出した要素のみを表示し、DOM ツリーをカスケードしません。

$(document).ready(function(){
    $(".list").hide();
    $("#klik").click(function(){
         $(".list").show(); //Show .list elements instead

    });
});
于 2012-04-15T11:36:26.107 に答える