如何隐藏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();