Всем привет!
Помогите пожалуйста разобраться, т.к. моих знаний увы не хватает.
Есть 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>
