jQuery - переключить изображение развернуть / закрыть

Question

У меня есть панель инструментов, в значительной степени отрывная с BBC.com, которая позволяет свернуть и расширить виджет, нажав на кнопку.

Когда вы нажмете на нее, изображение изменится науказывает, что виджет развернут или свернут.

Кто-нибудь знает, как это сделать в jQuery?

Answer 1

Взгляните здесь

Пример:

$('.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');
            }
    });
  });