Привет. При клике кнопки
<input id="show_more" count_show="9" count_add="8" type="button" value="Показать еще" />
в
<div class="content_list"></div>
подгружается частями контент. Картинки.
$(document).ready(function(){
var cat = '{$category_id}' ? '{$category_id}' : '';
$('#show_more').click(function(){
var btn_more = $(this);
var count_show = parseInt($(this).attr('count_show'));
var count_add = $(this).attr('count_add');
btn_more.val('Подождите...');
$.ajax({
url: "/components/gallery/ajax/ajax_load.php",
type: "post",
data: {
"count_show": count_show,
"count_add": count_add
},
success: function(data){
if(data != '<div class="row margin-bottom-row"></div>'){
$('.content_list').html(data);
btn_more.val('Показать еще');
btn_more.attr('count_show', (count_show+8));
}else{
btn_more.val('Больше нечего показывать');
}
}
});
});
});
Что нужно сделать, что бы при каждом клике по кнопке контент подгружался в новый контейнер, а не заменялся в старом?