Jquery 帮助mvc3项目中的Ajax slideUp/show

我想在项目中使用一些ajax，但我似乎无法让它工作，只是为了尝试一下，我在我的一个视图中制作了一个按钮，我想用它隐藏（滑动）整个身体

我在视图中尝试了以下代码：

<script src="@Url.Content("http://code.jquery.com/jquery-latest.js")></script>

 <script type="text/javascript" >$("button#hideAll").click(function ()
         {
            if ($("body").is(":hidden")) {
                  $("body").show("slow");
            } else {
                  $("body").slideUp();
                   }
             });{
 </script>

$（函数（）{
$（“按钮隐藏”）。单击（函数（）{
如果（$（“div#bodyFake”）.是（“：hidden”））{
$（“div#bodyFake”）.slideDown（）；
}否则{
$（“div#bodyFake”）.slideUp（）；
}
});
});

正如你所看到的，我把所有的东西都放在了一个“假”的body div中，并把按钮放在上面（有更多的代码，我在最后关闭了div） EDIT2: 这是一个“大错误”：

<script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>

用

$（function（）{..}

包装您的代码，这样可以确保元素在尝试访问之前可用。此外，为了显示元素，您可以使用

slideDown

，它与

slideUp

相反。您的代码中有一个额外的大括号将其删除。您可以尝试此操作

工作

  $(function () {
     $("#hideAll").click(function () {

         if ($("div#bodyFake").is(":hidden")) {
             $("div#bodyFake").slideDown();
         } else {
             $("div#bodyFake").slideUp();
         }
     });
  });

---

这必须出现在标记之间，对吗？编辑：尝试过了，但还不起作用，但我会继续搜索，谢谢！你能发布你的标记吗？因为你试图隐藏

正文

，它也会隐藏按钮。你将如何再次显示它？你是否将按钮放在

正文

之外？嗯，对！我将尝试用一个单独的图标隐藏一个div相反，e ID（所有内容都在正文中，在母版页中呈现）将所有正文内容保留在主

div

中，并将按钮放在该div之外，相应地更改代码。您应该很好。好的，我已经尝试过了，但仍然不起作用。我将编辑问题中的最新代码

<script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>

  $(function () {
     $("#hideAll").click(function () {

         if ($("div#bodyFake").is(":hidden")) {
             $("div#bodyFake").slideDown();
         } else {
             $("div#bodyFake").slideUp();
         }
     });
  });