jQuery - 切换图像展开/关闭

Question

我的仪表板几乎是BBC.com的一部分，它允许您通过点击按钮来最小化和扩展小部件。

当您点击它时，图像会发生变化，表示窗口小部件已展开或最小化。

有没有人知道如何在jQuery中执行此操作？

Answer 1

看看here

示例：

$('.target').toggle();

如果你想要一些上下滑动的东西你可以试试这个：

   var visible = true;

    $("button").click(function () {
          $("p").slideToggle("slow", function () {
            visible = !visible;
            if (visible)
            {
              $('icon').attr('src', 'url_to_downimage.jpg');
            }
            else
            {
              $('icon').attr('src', 'url_to_expandimage.jpg');
            }
    });
  });