jQuery - 切换图像展开/关闭答案

【问题标题】：jQuery - Toggle Image Expand/ClosejQuery - 切换图像展开/关闭
【发布时间】：2011-07-13 15:42:51
【问题描述】：

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

当您单击它时，图像会发生变化以指示小部件已展开或最小化。

有谁知道如何在 jQuery 中做到这一点？

【问题讨论】：

标签： jquery image toggle

【解决方案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');
            }
    });
  });

【讨论】：

我也会这么说，但是如果您再详细说明一下，这个答案就足够了。举例说明如何使用 Toggle 来完成这两项任务，打开和关闭选项卡以及切换使其明显的图标。
好的，很好。此外，您可以添加这可以放入每个函数中，以便它可以应用于多个小部件。我不确定 BBC 是否有很多小部件，但假设有，它会起作用。