JQuery Скрыть или показать элемент после подтверждения удаления ⇐ Jquery

[Anonymous]

У меня есть следующий цикл PHP:
for ($i=0; $iproducts); $i++) {

$id = $order->products[$i]['id'];
...
...
echo '

ADD NEW

...Please confirm the removal of this location.
';
...
...

}


И у меня есть следующий код jQuery для удаления элемента с помощью кнопки подтверждения удаления.

var piDelConfirmId_' . $orders_products_id . ' = 0;

jQuery(document).ready(function () {$("#piDelConfirm_' . $id . '").dialog({
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_' . $id . ').effect("blind").remove();
$(this).dialog("close");
},
"CANCEL": function() {
$(this).dialog("close");
}
}
});
});
function showPiDelConfirm(piId) {
piDelConfirmId_' . $id . ' = piId;

$(\'#piDelConfirm_' . $id . '\').dialog(\'open\');
}


Это отлично работает.
Теперь я хочу скрыть один элемент и вместо него показать другой элемент, когда удаление будет подтверждено. Поэтому я добавляю следующие две строки
$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . id . '").css({"visibility": "visible", "display": "block"});

внутри
"DELETE": function() {
....
}

Это как-то не работает:
buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_' . $id . ').effect("blind").remove();
$(this).dialog("close");

$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . $id . '").css({"visibility": "visible", "display": "block"});

},

Буду очень признателен за любую помощь.
Заранее благодарю.
После нажатия кнопки ПОДТВЕРДИТЬ кнопку «Удалить», диалоговое окно закроется. Однако следующие две строки не выполняются
$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . $id . '").css({"visibility": "visible", "display": "block"});


Подробнее здесь: https://stackoverflow.com/questions/787 ... ing-delete