inkShio

Если по гуглить, то все можно найти

Песочница, на скорую руку

$(document).ready(function() {
	$('#menu-food-menu .menu-item').on('click', f_acc);
});

function f_acc(){
	if($(this).find('.sub-menu')) {
  	//$('#menu-food-menu > li >.submenu').not($(this).children()).slideUp(1000);
    $(this).children('.sub-menu').slideToggle(2000);
  }
}

Isotope - подойдет?

Т.е. при любом раскладе должен быть квадрат? Можно средствами css это сделать.

$.ajax({
beforeSend: function(data) {
перед отправкой
},
success: function(data) {
успех отправки
},
error: function(xhr, ajaxOptions, thrownError) {
ошибка
}
});

Там еще какие то вещи есть, погугли.

Можешь еще забацать что то типо флагов

var error = false,

пробегаешься по полям, если пустые значит error = true;
иначе
выполняешь ajax запрос

Попробуй этот jquery-custom-content-scroller