Максимизируйте кнопку при нажатии кнопки

Question

У меня возникли проблемы. Когда я нажимаю на img или тег ссылки, мой ящик должен быть maxmized, и когда я нажимаю снова ту же кнопку, то моя коробка должна минимизировать. Услышь я столкнулся с проблемой, может ли один исправить мою проблему

1. , когда я нажимаю на кнопку здравствуй мой ящик должен быть максимальным, и когда я нажимаю назад это необходимо, чтобы свести к минимуму,
2. услышать проблема как кнопки становятся максимальными, когда я запускаю событие click?

я не смог найти 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

Во-первых, обе кнопки имеют идентификатор кнопки. Идентификатор должен быть уникальным. Во-вторых, вместо ориентации .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); 
    }); 

});​