Ламерские вопросы

[favorite-count]текст[/favorite-count]
[not-favorite-count]текст[/not-favorite-count]

[not-aviable=collections]
<div class="bottom-nav ignore-select" id="bottom-nav">
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>
<div class="row pagination">
	<div class="col-md-8 col-xs-9">
		<div class="row page_numbers">
			{pages}
		</div>
	</div>
</div>
</div>
[/not-aviable]

[aviable=collections]
<div class="row pagination">
	<div class="col-md-8 col-xs-9">
		<div class="row page_numbers">
			{pages}
		</div>
	</div>
	<div class="col-md-4 col-xs-3">
		<div class="row page_next-prev">
			<span class="page_prev" title="Предыдущая страница">																	
				[prev-link]<i class="fa fa-angle-left" aria-hidden="true"></i>[/prev-link]
			</span>
			<span class="page_next" title="Следующая страница">
				[next-link]<i class="fa fa-angle-right" aria-hidden="true"></i>[/next-link]																																															
			</span>
		</div>
	</div>
</div>
[/aviable]

	<script>
	$(document).ready(function(){
	
	 	$('body').on('click','#nav-load a',function(){
		var urlNext = $(this).attr('href');
		var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
			$.ajax({
				url: urlNext,
				beforeSend: function() {
					ShowLoading('');
				},			 
                success: function(data) {
                    $('#bottom-nav').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
					window.history.pushState("", "", urlNext);
					$('html, body').animate({scrollTop:scrollNext}, 800);	
					HideLoading('');
                },
				  error: function() {				
					HideLoading('');
					alert('Что-то пошло не так');
				  }
			});
		};
		return false;
	});
	
});
</script>