1

我正在开发一个应用程序，该应用程序模仿打开、最小化和关闭的桌面样式应用程序窗口。我设法让它们展开和折叠，但我无法关闭它们，我不知道为什么。我需要能够通过单击按钮来关闭当前 div，请参见代码/例如。以下。

<script>
     $(document).ready(function () {

        $("form.common").first().show();
             $(".expand").click(function () {
                 $(this).parents().next("form.common").show();
             })
             $(".collapse").click(function () {
                 $(this).parents().next("form.common").hide();
             });
             $(".close").click(function () {
                 $(this).parents().next("div.module").hide();
             });
    });
 </srcipt>
 <div id="task_manager" class="module"> <!-- Need the x with class close to hide this div-->
 <h3>Task Manager</h3> <!-- This header and below icons are shown when minimized-->
<div class="module_actions">
    <span class="icons_small right close">X</span>
    <span class="icons_small right collapse">-</span>
    <span class="icons_small right expand">+</span> 
</div>  
<form class="common">
    <fieldset>
     <legend> Some Titlee/legend>
    </fieldset>
</form>
</div>

谁能看到为什么这不隐藏div？谢谢，

4

3 回答 3

3

答案在问题中：

$(".close").click(function () {
    $(this).closest("div.module").hide();
});

演示小提琴

此外，您应该将您的调用更改parents()为，parent()这样您就可以在 DOM 树中上一层

于 2013-09-21T18:47:46.703 回答
0

你有一个失踪<，<legend> Some Titlee/legend>之后它的作品。

在这里检查

于 2013-09-21T18:42:21.380 回答
0

这应该工作：

  $(".close").click(function () {
       $(this).parent().hide();
   });

JSFiddle
文档： 父（）

于 2013-09-21T18:42:42.693 回答