Фильтр под спойлер

[Andrey0081]

Здравствуйте.Нашел в интернете простейший спойлер и запихнул под него фильтры в products.tpl. Все бы хорошо, но при выборе одного из свойств, страничка обновляется и соответственно спойлер закрывается,что очень неудобно. Не подскажете ли,что делать? Или может есть более грамотные решения данного вопроса? Заранее благодарен.

[iMessi89]

скинь ссылку на спойлер - я заодно тоже посмотрю че каво там))

[Andrey0081]

http://szenprogs.ru/blog/spojler_na_osnove_jquery/2009-10-28-71

[Major]

Спойлер имеет свойство - свернут (или закрыт по умолчанию) - для Вашего случая его надо выполнить активным - т.е. развернутым по умолчанию. - Это опять таки будет неудобно...
Необходимо пойти другим путем - если значения внутри спойлера добавлены только что (минуту- две назад) то разворачивать спойлер , иначе - выводить закрытым. (вопрос только активность откуда брать из кук? из сессии? из Пост или Гет прамаетров? )

 

.splCont{display:none;border:1px solid #cccccc;padding:3px 5px;} -
display:none - показывает что поумолчанию закрыт твой спойлер!!!!

 

Если выполнить скажем простую проверку на присутствие переменной которую вы ввыбрали и с которй оперируете иначе спойлер закрыт.

гдето-что-то как например:

{ if($get_var=="") } display:none; {/if} - где $get_var - та самая переменная в Вашем фильтре

[Brigadir]

Скрипт:

                <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]

Просто скрипт поправьте в соответствии с Вашими задачами.

Не очень понятно, в какой именно момент Вы хотите видеть его скрытым.

[Brigadir]

Скрипт перед </head> вставьте. Работает на уже подключенном jquery.

[Brigadir]

                <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>

 

Этот скрипт изначально делает спойлер открытым и скрывает содержимое по нажатию.

Предыдущий делает всё в точности до "наоборот".