When I try to animate a DIV-element with this code: $(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast") .animate({ opacity: "hide" }, "slow")
everything works fine. But when I try to do it after I press a button in a dialog - nothing works! Why? Here's the code: $(document).ready(function(){ $("#dialog").dialog({ bgiframe: true, resizable: false, height:140, autoOpen: false, modal: true, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { 'Удалить новость': function() { $.get( "news.php", "act=delete&id="+id ); $(this).dialog('close'); $(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast") .animate({ opacity: "hide" }, "slow") return false; }, 'Отмена': function() { $(this).dialog('close'); return false; } } }); $(".pane .btn-delete").click(function(){ id = $(this).parents('.pane').find('td:first').attr('id'); $("#dialog").dialog('open'); return false; }); });