сворачивающийся/разворачивающийся список
Добрый день!
имеется код на сворачиющийся/разворачивающийся список. Помогите переделать его пожалуйста на большой список: например: Информация Информация1 Информация2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a href="#" onclick="anichange('#divId'); return false">Информация</a>
<div id="divId" style="display: none">
<ul class="accordion">
<li><a href="#">О компании</a></li>
<li><a href="#">Вопросы и ответы</a></li
<li><a href="#">Прайс-лист в EXCEL</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Оплата заказов</a></li>
<li><a href="#">Порядок доставки товаров</a></li>
<li><a href="#">Условия заказа</a></li>
<li><a href="#">Договор оферты</a></li>
</ul>
</div>
<script>
function anichange (objName) {
if ( $(objName).css('display') == 'none' ) {
$(objName).animate({height: 'show'}, 400);
} else {
$(objName).animate({height: 'hide'}, 200);
}
}
</script>
</body>
</html>
|
Цитата:
|
Здорово) спасибо!)
Только в том примере он не очень красиво разворачивается. Как сделать плавный переход? |
Цитата:
|
function anichange(a) {
$(a).slideToggle(300);
}
|
| Часовой пояс GMT +3, время: 11:21. |