|
|
Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » JS (Непровильная работа скрипта аккордиона) |
JS |
Кое как нашел рабочий скрипт аккордеона, все дело в том что, все опробованные скрипты работают, если он один на странице. Этот оказался более менее
рабочим, но его надо немножко поправить, а у меня ума не хватает. Может кто нибудь согласится помочь, подогнать скрипт. Надо сделать так чтоб вкладки открывались и закрывались не зависимо друг от друга, тоесть открыл закрыл, и при обновлении страницы, все вкладки закрыты. Вот образец того чего я смог от него добиться: http://www.etaji.info/load/1 А вод его скрипт. <script type="text/javascript"> $(document).ready(function() { var accordion_head = $('.accordion > li > a'), accordion_body = $('.accordion li > .sub-menu'); accordion_head.on('click', function(event) { event.preventDefault(); if ($(this).attr('class') != 'active'){ $(this).next().stop(true,true).slideToggle('active'); accordion_head.removeClass('active'); $(this).addClass('active'); } }; }; </script> Ссылка на исходники: http://s-sd.ru/blog_studio_design/vertikalnoe_menyu_v_vide_akkordeona/ Ссылочка на правильную работу скрипта: http://www.etaji.info/index/0-388 Сообщение отредактировал грин6043 - Среда, 26 Фев 2014, 23:23:30
|
|
грин6043,Убрать на странице материалов, выделенное красным
Цитата <link rel="stylesheet" href="http://etaji.info/css/loading.css" type="text/css" charset="utf-8"> <link rel="stylesheet" href="http://www.etaji.info/css/accordionus.core.css" type="text/css" charset="utf-8"> </head> <body> <div id="page"> <ul id="example1" class="accordion"> <ul id="example2" class="accordion"> <li> <h3><strong>Handle 1</strong></h3> <div class="panel loading"> <h4>panel loading 1</h4> <p>Plain old heading and paragraph content.</p> </div> </li> <li> <h3>Handle 2</h3> <ul class="panel loading"> <li>How about…</li> <li>… a list …</li> <li>… of items?</li> </ul> </li> <li> <h3>Handle 3</h3> <p class="panel loading"> <img src="img/spa.png" alt="" width="220" height="220"> An image in a paragraph. </p> </li> <li> <h3>Handle 4</h3> <div class="panel loading"> <h4>A nested list of items</h4> <ul> <li>Item 1</li> <li>Item 2 <ul> <li>Subitem 1</li> <li>Subitem 2</li> <li>Subitem 3</li> </ul> </li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> </div> </li> </ul> </div> <script type="text/javascript" src="http://www.etaji.info/js/jquery-1.4.22.min.js" charset="utf-8"></script> <script type="text/javascript" src="http://www.etaji.info/js/jquery.accordionus.2.0.js" charset="utf-8"></script> <script type="text/javascript"> $('#example1, #example3').accordion(); $('#example2').accordion({ canToggle: true };); $('#example4').accordion({ canToggle: true, canOpenMultiple: true };); $(".loading").removeClass("loading"); </script> </body> </html> И оставить 1 аккардеон .. у вас из по исходнику 20 штук стоит одновременно ... Сообщение отредактировал Miss_Esq - Четверг, 13 Фев 2014, 11:46:50
|
| |||
| |||