Можете помочь с раскрывающимся блоком(текстом)?

Question

[Айнур Шангараев]

Приветствую, появилась проблема в раскрывающимся блоке. Суть такова, что 1 блок раскрывается, а второй нет. Можете помочь найти ошибку(неточность) в коде? Мне надо, чтобы все блоки раскрывались, а раскрывается только 1. Заранее огромное спасибо(целый день не могу найти ошибку). Код:

<ul class="main-menu">
    <li class="active"><a href="#url">Главная</a></li>
    <li class="menu-children">
        <a href="#url">Услуги</a>
        <ul>
            <a href="#hidden" onclick="view('hidden'); return false">Взыскание</a>
            <div id="hidden" style="display: none;">
            	<h3>Hi</h3>
            </div>
            	<a href="#hidden" onclick="view('hiden'); return false">Юриспруденция</a>
            	<div id="hidden2" style="display: none;">
            		<h3>No</h3>
            	</div>
            <script>function view(n) {
    style = document.getElementById(n).style;
    style.display = (style.display == 'block') ? 'none' : 'block';
}</script>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита12345</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234567</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита12345678</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456789</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234567890</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456789010</a></li>
                </ul>
    <li><a href="#url">Новости</a></li>
    <li><a href="#url">О компании</a></li>
    <li><a href="#url">Контакты</a></li>       
</ul>

Comments

[Ankhena]

Как обычно, начать имеет смысл с валидации вашего кода.
Например, внутри ul могут быть только li. Никаких div.
Дальше внимательность, проверить соответствие href, id и параметры view.
Потом вынести скрипты к скриптам, а стили к стилям.
Т.е. манипулировать не свойством display, а менять классы.

А ещё, эти аккордеоны и их модификации столько раз описаны в инете, что гуглятся за полминуты.

Answer 1

[Simkav]

Ваша функция ищет элемент по id hidden, а у вас id hidden, hidden2

Comments

[Айнур Шангараев]

Я нашёл ошибку, вместо hidden2, я написал hiden2.Я уж думал, что id почему то одинаковыми должны быть.