Здравствуйте всем! На моей странице есть примерно такой код, который подключает блоки с фильтрацией продуктов. В зависимости от того какой тип продукта выбрал пользователь, должен подключиться определенный блок с фильтрацией( 'par-sh' или 'par-bt' или 'par-sm'). PHP: <div id="par-sh"> <?php include("include/param-sh.php"); ?> </div> <div id="par-bt"> <?php include("include/param-bt.php"); ?> </div> <div id="par-sm"> <?php include("include/param-sm.php"); ?> </div> На данный момент я реализовал это с помощью JS, в котором ничего не понимаю, с помощью такого простого кода: Код (Javascript): $("#par-sh").hide(); $("#par-bt").hide(); $("#par-sm").hide(); $("#par-tg").hide(); ,который просто скрывает все блоки фильтрации при загрузке страницы, а затем по клику на определенную кнопку, показывает необходимый блок: Код (Javascript): $("#parsm").click(function(){ $("#par-sh").hide(); $("#par-bt").hide(); $("#par-sm").show(); $("#par-tg").hide(); $.cookie('select_tip,'par_sm'); }); Первая проблема в том, что при загрузке страницы на какие то доли секунды все блоки с фильтрацией накладываются друг на друга, а только потом остается какой то один блок, что не очень красиво, хоть и терпимо. А основная проблема в том, что, загружаются все блоки с фильтрацией сразу, просто некоторые из них скрыты, а это наверное влияет на скорость загрузки страницы. Подскажите пожалуйста, как можно сделать это все более грамотно? К примеру, что бы подгружался только необходимый блок фильтрации. ( Желательно без кардинальных изменений существующей структуры кода страницы )
скрывай при помощи css или сразу в шаблоне диву добавляй hidden. это ты можешь сделать только на уровне знания модели, т.е. запроса к базе данных. возможно, в данном случае, нагрузки особой и нет, поскольку выборка из базы происходит только по уникальным значениям