Maximiser un bouton quand on clique sur un bouton

Question

J'ai rencontré des problèmes, Lorsque je clique sur img ou lien tag ma boîte doit être maxmized et quand je clique de nouveau sur le même bouton alors ma boîte doit minimiser. Hear j'ai couru en difficulté, peut-on corriger mon problème

1. quand je clique sur le bouton bonjour ma boîte doit être maximisé et quand je clique arrière, il faut obtenir minimiser,
2. entendre le problème est à la fois boutons se maximise quand je commence l'événement de clic?

je suis incapable de problème WHT est

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

Tout d'abord, les deux boutons ont une carte d'identité de bouton. Id doit être unique. En second lieu, au lieu de cibler .effect cibler juste le parent du bouton (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); 
    }); 

});​