Как скрыть тег 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, содержащий сообщения, такие как «добавленные или отредактированные меню», не скрывается. Я дал Div для id как showDiv. Так что кто-нибудь может помочь мне решить эту проблему. Также, когда я удаляю, кто-нибудь может сказать мне, как я могу отобразить сообщение как «меню удалено» в ajax без обновления страницы. Спасибо заранее.

Answer 1

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

Answer 2

Поскольку вы ссылались на jQuery, я бы использовал синтаксис jQuery вместо простого старого JavaScript, чтобы сохранить синтаксис чистым.

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

Если вы не собираетесь снова показывать div на странице, выможет использовать это:

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