По клику скрывать результат 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; }
Как по клику по тому же элементу скрывать (удалять результат ajax)
/** * 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>");
}
});
});
});
$('#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();
});
});
удаляемый текст должен находиться в
{
$('#Click-Hardware').on('click', function ()
{
$('div.Id-Hardware').empty();
});
});
удаляемый текст должен находиться в
<div class="Id-Hardware"> .. </div>