如何隱藏Div標簽而不刷新頁面

Question

我有一個在其中添加，編輯和刪除菜單的頁面。對於添加和編輯，我有一個單獨的頁面。當我添加或編輯菜單時，我出現在顯示菜單的主頁面上，因此我將消息打印為“添加菜單” ”或“菜單編輯”。但是，當我刪除菜單時，我的頁面沒有刷新，因為我在同一頁面上使用ajax函數編寫了刪除代碼，如下所示：

$.ajax(
           {
               type: "POST",
                   url: "delete_menu.php",
                   data: data,
                  cache: false,

                   success: function()
                   {
               parent.fadeOut('slow', function() {$(this).remove();});
               document.getElementById('showDiv').style.display = '';
           }
        }

頁面不會刷新，因此包含諸如“添加或編輯菜單”之類的消息的div不會被隱藏。我已將id賦予showDiv。 所以任何人都可以幫助我解決這個問題。此外，當我刪除時，誰能告訴我如何在ajax中將消息顯示為“菜單已刪除”而不進行頁面刷新。

Answer 1

document.getElementById('showDiv').style.display = 'none';

Answer 2

由於您已引用jQuery，因此我將使用jQuery語法而不是Plain Old JavaScript來保留語法。

 $("#showDiv").hide();

如果您不想在頁面上再次顯示div，則可以使用以下方法：

$("#showDiv").remove();