Andrey0081 Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 Здравствуйте.Нашел в интернете простейший спойлер и запихнул под него фильтры в products.tpl. Все бы хорошо, но при выборе одного из свойств, страничка обновляется и соответственно спойлер закрывается,что очень неудобно. Не подскажете ли,что делать? Или может есть более грамотные решения данного вопроса? Заранее благодарен. Цитата Ссылка на сообщение Поделиться на другие сайты
iMessi89 Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 скинь ссылку на спойлер - я заодно тоже посмотрю че каво там)) Цитата Ссылка на сообщение Поделиться на другие сайты
Andrey0081 Опубликовано 25 апреля, 2013 Автор Жалоба Поделиться Опубликовано 25 апреля, 2013 http://szenprogs.ru/blog/spojler_na_osnove_jquery/2009-10-28-71 Цитата Ссылка на сообщение Поделиться на другие сайты
Major Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 Спойлер имеет свойство - свернут (или закрыт по умолчанию) - для Вашего случая его надо выполнить активным - т.е. развернутым по умолчанию. - Это опять таки будет неудобно...Необходимо пойти другим путем - если значения внутри спойлера добавлены только что (минуту- две назад) то разворачивать спойлер , иначе - выводить закрытым. (вопрос только активность откуда брать из кук? из сессии? из Пост или Гет прамаетров? ) .splCont{display:none;border:1px solid #cccccc;padding:3px 5px;} -display:none - показывает что поумолчанию закрыт твой спойлер!!!! Если выполнить скажем простую проверку на присутствие переменной которую вы ввыбрали и с которй оперируете иначе спойлер закрыт.гдето-что-то как например:{ if($get_var=="") } display:none; {/if} - где $get_var - та самая переменная в Вашем фильтре Цитата Ссылка на сообщение Поделиться на другие сайты
Brigadir Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 Скрипт: <script type="text/javascript"> $(document).ready(function() { $('div.view').hide(); $('div.slide').toggle(function() { $(this).siblings('div.view').fadeIn('slow'); }, function() { $(this).siblings('div.view').fadeOut('fast'); return false; }); }); </script> Что хотим прятать (пример): <div class="slide" style="cursor: pointer;"> <p><span style="border-bottom: 1px dashed #ff3535;">Показать/скрыть всякую шляпу <span style="font-size: x-small; color: #ff3535;">?</span></span></p> </div> <div class="view"> <p>Всякая шляпа </p> </div> Цитата Ссылка на сообщение Поделиться на другие сайты
Brigadir Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 Просто скрипт поправьте в соответствии с Вашими задачами.Не очень понятно, в какой именно момент Вы хотите видеть его скрытым. Цитата Ссылка на сообщение Поделиться на другие сайты
Brigadir Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 Скрипт перед </head> вставьте. Работает на уже подключенном jquery. Цитата Ссылка на сообщение Поделиться на другие сайты
Brigadir Опубликовано 25 апреля, 2013 Жалоба Поделиться Опубликовано 25 апреля, 2013 <script type="text/javascript"> $(document).ready(function() { $('div.view').show(); $('div.slide').toggle(function() { $(this).siblings('div.view').fadeOut('fast'); }, function() { $(this).siblings('div.view').fadeIn('slow'); return false; }); }); </script> Этот скрипт изначально делает спойлер открытым и скрывает содержимое по нажатию.Предыдущий делает всё в точности до "наоборот". Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.