Question

I have a dashboard pretty much a rip off of BBC.com which allows you to minimise and and expand the widget by clicking on a button.

When you’ve clicked on it, the image changes to indicate the widget is expanded or minimized.

Does anyone know how to do this in jQuery?

Answer 1

Take a look here

Example:

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

If you want something to slide up and down you can try this:

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