Плавное сворачивание / разворачивание блока + куки
|
|
[76] likbezz [08.08.2012, 18:17] |
Burman, а вот это уже не работает: Code <script type="text/javascript"> $(document).ready(function(){ /* Start DocumentReady */ $("div.hideWrap a.hideBtn").click(function(){ $(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal'); return false; }); /* End DocumentReady */ }); </script>
А в этой версии и нет запоминания блоков.. не ужели не видно.. Ознакомьтесь с темой, вопрос рассмотрен и вдоль и поперек.. и наискосок тоже. |
|
[77] Burman [09.08.2012, 16:22] |
Блин, я видно тупо объясняю что там не работает у меня.
приведенный выше код, вообще не хочет на моей странице открывать/скрывать контент дело не в куках., я привел пример с куками так как его ставил в первую очередь. вопрос то рассмотрен, и понятен, но почему не работает открытие/скрытие блока в это варианте скрипта на моей странице не пойму (ни с куками ни без кук). вот.
готов оплатить консультацию (в разумности), если все заработает как надо на той странице
вот собственно код того как сейчас:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"> <script type="text/javascript" src="http://likbezz.ru/_theme/_script/_ext/_cookie.js"></script> <style type="text/css"> .hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;} .hideBtn.show{display:block;} .hideCont{display:none;} </style>
<script type="text/javascript"> $(function(){ /* Start DocumentReady */ $('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i); if (cookie&&cookie.indexOf('show')>-1)$(this).toggleClass('show').siblings('div.hideCont').show();}) /* StartClickFunction */ $('div.hideWrap a.hideBtn').click(function(){ $(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal'); var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class'); setCookie('hideBtn'+hideBtn,isShow,365); return false; }); /* End DocumentReady */ }); </script>
контент:
Code <div class="hideWrap"> <div id="magazin-kategorya"> <img src="images/kabinety_40.png" border="0" height="3" width="450"> <div id="magazin-pole"> бла-бла-бла-бла-бла <div align="right"><a href="#" class="hideBtn" title="Показать\Скрыть продукцию"><h4>Выбрать продукцию</h4></a></div> </div> <img src="images/kabinety_44.png" height="3" width="450"> </div>
<div id="460" class="hideCont"> бла-бла-бла </div>
</div> |
|
[78] likbezz [09.08.2012, 17:08] |
Burman, готов оплатить консультацию (в разумности), если все заработает как надо на той странице Хорошо. Проблему вижу. Могу решить. |
|
[79] Burman [09.08.2012, 17:11] |
Отлично, сколько, куда и что еще нужно (правда деньги смогу в понедельник перевести только) |
|
[80] likbezz [09.08.2012, 17:38] |
Burman, Отлично, сколько, куда и что еще нужно Еще неплохо было бы иметь ссылку на сайт. Но не обязательно. Этого достаточно. Сколько? - как и написали - в разумных пределах (на ваше усмотрение) Куда? Quote (Info) WebMoney (кошелёк): R426443544810 Z120914141775 E305902557268 U399148405304 B258688647365
Яндекс деньги (№ счета): 41001660518076
Единый кошелек (№ счета): 181342928825@W1 - на главной, левая колонка, нижний блок.
вот собственно код того как сейчас: Вот тот, который нужен: Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/hidewrap_vipsalon.js"></script> <style type="text/css"> .hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;} .hideBtn.show{display:block;} .hideCont{display:none;} </style> Контент тот же. |
|
[81] Burman [09.08.2012, 19:35] |
ссылка была в 1м посте http://vipsalondoma.ru/Netshop/nimue/ |
|
[82] likbezz [10.08.2012, 05:06] |
вот собственно код того как сейчас:
Замените свой код на это: Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/hidewrap_vipsalon.js"></script> <style type="text/css"> .hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;} .hideBtn.show{display:block;} .hideCont{display:none;} </style> Скрипт кук уже прописан, подключать не нужно, он внутри hidewrap_vipsalon.js Контент тот же.
В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу. |
|
[83] Burman [13.08.2012, 10:16] |
Добрый день likbezz
Скрипт кук уже прописан, подключать не нужно, он внутри hidewrap_vipsalon.js Контент тот же.
В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу.
код вставил, скрытие/открытие блоков заработало, запоминание нет.
перенес наше обсуждение в http://likbezz.ru/forum/8-957-1 дабы не засорять.
Сообщение отредактировал Burman - Понедельник, 13.08.2012, 10:17 |
|
[84] likbezz [18.08.2012, 13:16] |
Burman, перенес наше обсуждение в http://likbezz.ru/forum/8-957-1 дабы не засорять. Сегодня сделаю. |
|
[85] rons [25.08.2015, 05:27] |
Приветствую. Как вынести кнопку hideBtn, за пределы hideWrap? Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://s2.ucoz.net/src/jquery-1.6.1.js"></script> <script type="text/javascript" src="/_theme/_script/_ext/_cookie.js"></script>
<script type="text/javascript"> $(function(){ /* Start DocumentReady */ $('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i); if(cookie&&cookie.indexOf('show')>-1)$(this).toggleClass('show').siblings('div.hideCont').show();}) /* StartClickFunction */ $('div.hideWrap a.hideBtn').click(function(){ $(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal'); var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class'); setCookie('hideBtn'+hideBtn,isShow,365); return false; }); /* End DocumentReady */ }); </script> </head>
<body id="dm1">
<!--Start()-->
<div class="hideWrap"> <a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a> <div class="hideCont">Здесь располагается содержимое class "hideCont"</div> </div>
<!--//End()-->
</body> </html> Что было например так:
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a> <div class="hideWrap"> <div class="hideCont">Здесь располагается содержимое class "hideCont"</div> </div> |
|
[86] likbezz [25.08.2015, 12:52] |
rons, Приветствую. Как вынести кнопку hideBtn, за пределы hideWrap? В данном скрипте, никак.
Что было например так: <a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a> <div class="hideWrap"> <div class="hideCont">Здесь располагается содержимое class "hideCont"</div> </div> Так: Код $('div.hideWrap').prev('a.hideBtn').click(function(){ ... |
|