버튼을 클릭 할 때 버튼 최대화

Question

문제가 생겼습니다. img 또는 링크 태그를 클릭하면 내 상자가 최대화되어야하고 동일한 버튼을 다시 클릭하면 상자가 최소화되어야합니다. 내가 문제로 실행 듣고, 문제가 모두

듣고, 하나는

1. 내가 안녕하세요 버튼을 클릭
   내 상자가 극대화해야 내 문제를 해결 때 나는 그것을 최소화 얻을 필요가 다시 클릭 할 수 있습니다 클릭 이벤트가 시작될 때 버튼이 최대화되는 방식 ?? 내가 WHT 문제를 찾을 수 없습니다입니다

는

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

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

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

Answer 1

http://jsfiddle.net/Navya/eVUkG/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); 
    }); 

});​