Как сделать что бы блоки каталога всегда были открытыми?

Question

[drtvader]

Добрый день! Редактирую сейчас сайт, и тормознулся на блоке Каталог. Есть 4 блока с товарами, фишка в том, что при выборе 1 блока, остальные 3 закрываются. Что сделать, что бы они не закрывались все? Блок взял с другого сайта, но вот никак не разберусь с ним.
drtvader.esy.es/bad

Comments

[Grigruss]

Оффтоп. Я бы за такой фон просто руки бы обрывал... до сих пор есть регионы, в которых даже мобильный интернет не всегда доступен, а вы лепите фото с HD разрешением... И как вы хотите что бы покупатель выбирал товар, если у него полчаса только фон грузиться будет?... любой здравомыслящий выкинет комп и пойдет ножками в ближайший мебельный...

[drtvader]

Григорий: посоветуйте что сделать тогда нужно, пожалуйста. Разрешение меньше?

[Grigruss]

drtvader: качните свой фон и то что сделал я, и сравните по размеру (объёму) и формату файла.

[Grigruss]

...а визуально никакой разницы...

[drtvader]

Григорий: сжали её просто?

[Grigruss]

drtvader: вы же в фотошопе ее делали, так можно ее просто сохранить как JPEG, с качеством 80%, и она из PNG в качестве HD с размером в 2 мегабайта превращается в скромный JPEG с вполне хорошим качеством, и размером всего 161 килобайт. Даже если в простейшем PAINT её пересохранить в JPEG, она будет в разы меньше размером, и загрузится почти мгновенно по сети.

[drtvader]

Григорий: оке, просто в своё время читал, что лучше в png сохранять! Спасибо!

[Grigruss]

drtvader: PNG - отличное качество при возможности сделать прозрачный фон. Это часто нужно, но при условии оптимизации изображения по размеру. Допустим логотип с прозрачным фоном. Обычно логотипы не больше 200х150px, в этом случае размер оптимизированного PNG будет сравнительно небольшим. GIF тоже можно с прозрачным фоном сделать, но он с индексированными цветами. То есть добиться идеального соотношения градиент/размер не получится. GIF хорош как простенькая анимация, если использовать несколько кадров... к примеру для баннеров или как значок для привлечения вниманию к абзацу...
Если чётко известно какого цвета фон, и цвет не будет меняться, обязательно нужно использовать JPEG с качеством не больше 80%. Большой и качественный PNG можно предлагать для отдельной загрузки, к примеру привью фото маленькое в JPEG, а по клику грузится очень качественное PNG.
Главное придерживаться этих правил всегда и по отношению к любому изображению на сайте или системе...
Я начинал писать сайты, когда они умещались на FDD-дискетах с объемом 1,4 мегабайта, а скорость интернета была 9 килобит в секунду. Хороший опыт...

Answer 1

[dk-web]

На первый взгляд надо копать в файле main.js

$("#t2").click(function () {
    $(this).addClass("active");
    $("#t1, #t3, #t4").removeClass("active");
    $("#i2").show();
    $("#i1, #i3, #i4").hide();
});

похоже на то. - 4 группы.. одна показывается остальные скрываются..
Чтобы оставались соответственно нужно убрать hide и removeClass, но я слабо представляю, что тогда получится... и так не самая простая презентация каталога.
П.с.УПС, ВЫ ОТВЛЕКЛИСЬ ОТ НАШЕГО САЙТА? это сильно))

Update:
файл main.js похоже из старых версий.. t1t4 в разметке не вижу..
на актуальный scripts.js похож

там есть SlideUp SlidDown - поотключайте там... посмотрите что будет.
повесьте alert на клики - увидите где срабатывает...
кода много и сходу сложно полностью вникнуть,

Comments

[drtvader]

убрал, но честно говоря ничего не изменилось.

[dk-web]

drtvader: значит в файле scripts.js
$(".catalog2 li").click(function(){
$(".catalog2 li").removeClass('act');
$(this).addClass('act');
$(".tab-catalog > div").hide().eq($(this).index()).show();
});

$("#products-block .htabs li").toggle(function(){
var $par = $(this).parents(".catalog");
$(".catalog").find(".htabs li").removeClass('act');
$(this).addClass('act');
$(".tabs .tab").slideUp(800);
$par.find(".tabs .tab").slideUp(800).eq($(this).index()).slideDown(800);
$(".anim").addClass("expandOpen");
$("#dop-block .htabs li").click();
}, function(){
var $par = $(this).parents(".catalog");
$par.find(".htabs li").removeClass('act');
$par.find(".tabs .tab").slideUp(800);
$("#dop-block .htabs li").click();
});

$("#dop-block .htabs li").click(function(){
var $par = $(this).parents(".catalog3");
$par.find(".htabs li").removeClass('act');
$(this).addClass('act');

slideUp - это похоже на то, что происходит

[drtvader]

dk-web: да, сейчас методом тыка отредактирую тогда, спасибо!

[drtvader]

dk-web: а как найти какой скрипт отвечает за какие-либо функции? С помощью какого-то приложения для браузера?

[dk-web]

drtvader: как вы говорите методом тыка)) я хром использую. правая кнопка мыши - просмотр кода элемента - там есть все... структура сайта, коды - ну а дальше логика.. это же есть во всех современных браузерах.

[dk-web]

drtvader: смотрите id элемента, его класс.. потом поиском по скриптам, кто к нему обращается... может и проще можно, но я еще не 80го уровня...

[drtvader]

dk-web: спасибо!)