Maximieren Sie eine Schaltfläche, wenn auf eine Schaltfläche geklickt wird

Question

Ich lief in Schwierigkeiten, wenn ich auf img oder Link-Tag klicke, muss meine Box maximiert werden und wenn ich denselben Knopf erneut klicke, muss meine Box minimieren. hört ich in Schwierigkeiten geriet, kann jemand mein Problem beheben

1. wenn ich auf hallo Taste meiner Box maximiert werden muss, und wenn i klicken, um es zurück zu müssen, minimieren bekommen,
2. hört das Problem ist, sowohl die Schaltflächen, die maximiert werden, wenn ich Klickereignis starte?

Ich kann keine wht Problem finden ist

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

Zunächst einmal, beide Tasten eine ID-Taste haben. IDs müssen eindeutig sein. Zweitens statt Targeting Ziel .effect nur die Eltern der Schaltfläche (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); 
    }); 

});​