Добрый день! Задача стояла следующая.
Есть список категорий и список товаров, выведенных на одной странице.
В случае использования фильтра товаров категории скрываются, остается только список отфильтрованных товаров.
Требовалось написать скрипт, который при загрузке страницы:
1) Если список категорий присутствует (то есть, не был применен фильтр), скрывает отображение товаров
2) Если список категорий не отображается (то есть, был применен фильтр товаров), отображает список товаров.
HTML
<div id="categoriesHidden">
//Здесь отображается список категорий
</div>
<div class="jshop_list_product">
//Здесь происходит вывод товаров
</div>
Написала следующее:
(function($){
$(document).ready(function(){
$('.jshop_list_product').show();
if ( $.trim($('#categoriesHidden').html() != "")){
$('.jshop_list_product').hide();
}
});
})(jQuery);
Работает только скрытие товаров при отображении списка категорий. При загрузке результатов после использования фильтра (это происходит посредством перезагрузки страницы), у класса .jshop_list_product по-прежнему стоит свойство display:none;
Подскажите, в чем может быть проблема
Просьба: если оно должно по идее работать, но не работает, напишите об этом тоже.