Помогите разобраться
 

Всем привет!
Помогите пожалуйста разобраться, т.к. моих знаний увы не хватает.

Есть 2 скрипта, которые вместе работают не совсем корректно:
1. Выпадающее меню
2. Фотогалерея с фильтром

Галерея должна автоматом раскладывать в 3 столбца все элементы (так она работает если не применен display:none), но т.к. она находится в скрытом блоке меню со стилем display:none, она растягивает все элементы в 1 колонку при первом раскрытии меню. Однако после применения фильтра, все работает.

Возможно ли что-то исправить, чтобы не использовался display:none ?

Раскрывается меню этим кодом:

$(document).ready(function() { 

$("h3.open-close").click(function(){  
  if ($(this).is(".current"))
  {
   $(this).removeClass("current");
   $(this).next(".desc").slideUp(300);
  }
  else
  {
   $(".desc").slideUp(300);
   $("h3.open-close").removeClass("current");
  
   $(this).addClass("current");
   $(this).next(".desc").slideDown(300);
  }
 });
});

Само меню выглядит так:

<h3 class="open-close">
<a href="javascript:void(0)" class="gal">
<span style="margin-left: 0px;">Галерея</span>
</a>
</h3>		
<div class="desc" style="display: none;">
Код галереи
</div>