2011-07-13 7 views
0

私はダッシュボードをBBC.comから切り離して、ボタンをクリックすることでウィジェットを最小化して拡張することができます。jQuery - Toggle Image Expand/Close

クリックすると、画像が変更され、ウィジェットが拡大または最小化されたことが示されます。

誰でもjQueryでこれを行う方法を知っていますか?

答えて

4

here

例を見てみましょう:

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

私は同じことを言うだろうが、この答えは希望:あなたが上にスライドするために何かをしたいとダウンあなたはこれを試すことができた場合は

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

をあなたがもう少し詳しく解説すれば十分です。 Toggleを使用して両方のタスクを実行する方法、タブを開閉する方法、それを明らかにするアイコンを切り替える方法の例を挙げてください。 –

+0

Expanded answer! – Jon

+0

大丈夫です。また、これを複数のウィジェットに適用できるように、各関数に入れることもできます。私はBBCが多くのウィジェットを持っているかどうかは不明だが、そうであればうまくいくだろう。 –