Question

我在一个类似的问题上复制了某人的代码，经过一番乱搞后，我终于开始工作了 - 现在如果你点击我网站上的'展开'，会出现更多的文字 - 但是一旦你有了它就不会崩溃压塌。
我的网站：www.bestdarkdesign.tumblr.com（不是真正的网站，它是关于tumblr的）
我对jQuery并不擅长，所以任何帮助都会受到赞赏。这是jQuery代码：

$( document ).ready(function() {
   $(".header").click(function () {
      $header = $(this);
      $content = $header.next();
      $content.slideToggle(500, function () {
         $header.text(function () {
           return $content.is(":visible") ? "Collapse" : "Expand";
       });
     });
  });
});

这是我的HTML所做的事情：

扩大

这只是一些随机内容。
这只是一些随机内容。
这只是一些随机内容。
这只是一些随机内容。

Answer 1

这是一个工作小提琴：http://jsfiddle.net/Lmsts2c0/

基本上你只需要这个。单击标题时，它会抓取它的子项（列表）并将其切换为打开/关闭。如果它不是列表，您可以将'li'更改为该元素是什么，'p'，'div'等：

$(".header").click(function () {
   $(this).children('li').toggle();
 });

一旦使用jQuery打开div，我如何让我的div再次崩溃？

1 个答案: