• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » JS (Непровильная работа скрипта аккордиона)
JS
грин6043
Сообщений: 9
Репутация: 0

Сообщение # 1 | 10:51:05
Кое как нашел рабочий скрипт аккордеона, все дело в том что, все опробованные скрипты работают, если он один на странице. Этот оказался более менее
рабочим, но его надо немножко поправить, а у меня ума не хватает.
Может кто нибудь согласится помочь, подогнать скрипт.
Надо сделать так чтоб вкладки открывались и закрывались не зависимо
друг от друга, тоесть открыл закрыл, и при обновлении страницы, все
вкладки закрыты.

Вот образец того чего я смог от него добиться: 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
Сообщений: 9
Репутация: 0

Сообщение # 2 | 10:51:15
Вопрос снят!
Сообщение отредактировал грин6043 - Среда, 26 Фев 2014, 23:18:10
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 3 | 10:51:25
грин6043, Где работающий вариант ???

грин6043
Сообщений: 9
Репутация: 0

Сообщение # 4 | 10:51:35
biggrin
Сообщение отредактировал грин6043 - Среда, 26 Фев 2014, 23:18:55
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 5 | 10:51:45
грин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
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » JS (Непровильная работа скрипта аккордиона)
  • Страница 1 из 1
  • 1
Поиск: