Андрей Голуменов

Покажите рабочий прототип, без него не совсем понятно, что у вас не работает

Как-то так:

var status, ok;
$(function() {



			$(document).on('click', '.filter', function() {

				if($(this).data('status') != undefined)
			    	window.status = $(this).data('status');
			    if($(this).data('okay') != undefined)
			    	window.ok = $(this).data('okay');

				var template = $("#posts").html();

				$.ajax({
					type: "POST",
					url: "/filter",
					data: {
						"status": window.status,
						"ok": window.ok
					},
					success: function(result) {
			            $(".posts").html(_.template(template,{ result:result }));
			        }
				});

			});

			$(document).on('click', '#loadmore', function() {

				var template = $("#posts").html();

				$.ajax({
					type: "POST",
					url: "/filter",
					data: {
						"status": window.status,
						"ok": window.ok
					},
					success: function(result) {
			            $(".posts").append(_.template(template,{ result:result }));
			        }
				});

			});

		});

var a = 2, b = 7, c = 4, d, e;
a = ++a + a++ - b++ - --b + ++c -1 ; //3+3-7-7+5-1;a=-4;b=7;c=5;
b = --b + b-- + ++c - ++a + a++ +1 ; //6+6+6-(-3)+(-3)+1;a=-2;b=19;c=6;
d = --b + --a * --c + a++ ; //18+(-3)*5+(-3);a=-2;b=18;c=5;d=0;
e = ++d + ++d /2 ; //1+2/2;a=-2;b=18;c=5;d=2;e=2;
alert(a); alert(b); alert(c);alert(d); alert(e);

++a значит вставить сразуже значение a+1 и увеличить значение a=a+1
a++ значит вставить сразуже значение a и увеличить значение a=a+1
Аналогично с --a и a--

codepen.io/golumenov/pen/aHLoC
Ошибка в скрипте и в том, что вы в качестве css выбрали sass

<img style="float: right">
<p>Первый абзац</p>
<p>Второй абзац</p>
<p>Третий абзац</p>

Переместите картинку вправо. Не будет подвисших абзацев, текст будет обтекать картинку и не так бросаться в глаза

Из моего опыта: Одним списком дело не обойдется. Вам в любом случае придется формировать 3 списка, поскольку одним списком и средствами html+css такое сделать не получится.
Поэтому: Либо формируете 3 списка средствами php, либо отдаете на сайт один список и уже там формируете из этого списка 3 списка средствами javascript

Есть мнение, что назначение css стилей через #id работает в разы медленней, чем через .class и по этому лучше не использовать #id для задания стилей.

Самописный. Внимательнее можно посмотреть тут

Изучайте чистый javascript.