ボタンをクリックしたときにボタンを最大化する

Question

問題が発生しました。imgまたはリンクタグをクリックすると、ボックスが最大化されなければなりません。同じボタンを再度クリックすると最小化する必要があります。私はトラブルに走った 聞け、私はハロー]ボタンをクリックしたとき、私は最小限に取得する必要が戻ってそれをクリックすると、いずれかが

1. 私の問題を修正することができ、私のボックスが最大化されなければならず、
2. は、問題を聞くの両方クリックイベントを開始するとボタンが最大化されますか？

私はWHT問題が

http://jsfiddle.net/Navya/eVUkG/1/

$(function() { 
     $("#button").toggle(
      function() { 
       $("#effect").animate({ 
        backgroundColor: "#0000", 
        width: 500, 

       }, 500); 
      }, 
      function() { 
       $("#effect").animate({ 
        backgroundColor: "#000", 

        width: 240 
       }, 500); 
      } 
     ); 
    }); 

Answer 1

まずオフで見つけることができません、両方のボタンは、ボタンのIDを持っています。 IDは一意でなければなりません。それがクリックされるのを防ぐことができて第二に、代わりに.effectちょうどボタンの親を対象（demo）

$(function() { 
    $("#container").sortable({ 
     handle: 'h1', 
     scroll: false, 
     revert: true, 
     tolerance: 'pointer' 
    }); 

    $(".button").toggle(function() { 
     $(this).parent().animate({ 
      backgroundColor: "#0000", 
      width: 500, 
     }, 500); 
    }, function() { 
     $(this).parent().animate({ 
      backgroundColor: "#000", 
      width: 40 
     }, 500); 
    }); 

});​