По клику скрывать результат Ajax запроса

По клику #Click-Hardware идет ajax jquery

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
$(document).ready(function(){
    $('#Click-Hardware').click(function(){
    $.ajax({
      url: "/ajax/hardware.php",
      type: "POST",
      data:"id_cat=<?=$result['id']?>",
      timeout: 10000,
      beforeSend: function(){
      $("#Id-Hardware").html('<div class="notice-ajax">Подождите, загружается список похожих товаров...</div>');
      },
      success: function(data){
      $("#Id-Hardware").html(data);
      $("#Click-Hardware").html("Скрыть расходные материалы");
      },
      error: function(xhr, status){
      $("#Id-Hardware").html("<span>" + status + "</span>");
      }  
  });
});
});


Как по клику по тому же элементу скрывать (удалять результат ajax)

1 ответов


$(function()
 {
  $('#Click-Hardware').on('click', function ()
   {
    $('div.Id-Hardware').empty();
   });
});

удаляемый текст должен находиться в
<div class="Id-Hardware"> .. </div>