0

Здравствуйте, посоветуйте, пожалуйста, меню в стили Аккордеон, трёхуровневый. Есть вот такой, он полностью из js. А мне желательно на html.

2 ответа 2

1

jquery-ui accordion
Создаете несколько вложенных акордеонов.

<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div><div id="accordion2">
<div>
<h3><a href="#">First2</a></h3>
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>

<div>
<h3><a href="#">Second2</a>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third2</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div></div>

<div>
<h3><a href="#">Second</a>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
6
  • Как поместить внутрь вкладки еще вкладку? <div id="accordion"> <div> <h3><a href="#">First</a></h3> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> </div> <div> <h3><a href="#">Second< /a><h3> <div>Phasellus mattis tincidunt nibh.</div> </div> <div> <h3><a href="#">Third< /a></h3> <div>Nam dui erat, auctor a, dignissim quis.</div> </div> </div>
    – dogmar
    21 сен 2011 в 9:25
  • Просто берете и запихиваете. Только имя измените. О_о
    – knes
    21 сен 2011 в 9:40
  • Так я сейчас так и сделал, запихал изменил имена айди тоже изменил, и 3 влкдадки новые стали отображатся там где я их помостил, но при их нажатию закрывается радительская вкладка
    – dogmar
    21 сен 2011 в 9:49
  • Используйте stop_propagation();
    – knes
    21 сен 2011 в 9:51
  • еслиб я знал что такое stop_propagation(); яб не писал сюда) объясните пожалуйста куда его нужно вписать?
    – dogmar
    21 сен 2011 в 9:56
0

Вот пример на списках, а, сори, у вас вертикалка. Хотя то, что есть, можно спокойно переработать.

1
  • Я имел введу сам Аккордеон на списках, можно и на дивах, но трёхуровнего, а в вашей ссылке drop down стиль меню. Сам я переработать не смогу, поэтому ищу готовую загтовку трехуровневого аккардеона, который раздвигается по клику как гармошка.
    – dogmar
    21 сен 2011 в 9:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.