显示特定类Javascript（Jquery）的元素

问题是它从不显示元素。

您试图显示的元素仍然包装在隐藏的父元素中。如果您隐藏和显示相同的选择，它可以正常工作。你可以这样做：

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

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

});
});

编辑：

---

并修复HTML标记（缺少引号）“”）

KLIK

您正在隐藏要显示内容的父元素<代码>显示将只显示调用它的元素，而不会层叠到DOM树上

$(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
   });

});​

---

你隐藏和展示的是不同的元素。这可能是你的问题。

$(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
   });

});​

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

    });
});