Jump to content

Recommended Posts

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

Link to post
Share on other sites

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

 

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

 

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

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

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

Link to post
Share on other sites

Скрипт:

                <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>
Link to post
Share on other sites

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

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

Link to post
Share on other sites
                <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>

 

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...