如何更改div風格，當點擊到另一個

Question

我會改變div CSS樣式，當點擊時，然後改變到它的主要狀態，當點擊另一個。 我用這個代碼，但它只是重新改變它，當點擊另一個div 這裏的代碼正在嘗試：

$('.mydiv').click(
function() { 

    $(this).stop().animate({ 
    width:'960px', 
    backgroundColor : '#000' 
}, 500); 
    }, function() { 
    $(this).stop().animate({width:'300px', backgroundColor : "green"}, 300); 

}); 

Answer 1

你可能尋找toggle()功能：

$('.mydiv').toggle(function() { 
    $(this).stop().animate({ 
     width: '960px', 
     backgroundColor: '#000' 
    }, 500); 
}, function() { 
    $(this).stop().animate({ 
     width: '300px', 
     backgroundColor: "green" 
    }, 300); 
});​ 

而你需要jQuery UI動畫顏色？

FIDDLE

編輯：

你可能還在尋找toggle()功能，但動畫另一個DIV當點擊一個DIV，停止使用this關鍵字和目標的div你」重新嘗試動畫：

$('#someDiv').toggle(function() { 
    $('.mydiv').stop().animate({ 
     width: '960px', 
     backgroundColor: '#000' 
    }, 500); 
}, function() { 
    $('.mydiv').stop().animate({ 
     width: '300px', 
     backgroundColor: "green" 
    }, 300); 

});​ 

FIDDLE

Answer 2

試試這個：

$('.mydiv').click(function() { 

    $(this).stop().animate({ 
     width:'960px', 
     backgroundColor : '#000' 
    }, 500, function() { 
     $(this).stop().animate({width:'300px', backgroundColor : "green"}, 300); 
    }); 
});