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