Как сделать отображение нужного accordion'a?

Question

[Роман Романов]

Здравствуйте, помогите с вопросом. Есть выпадающий список, с категориями товаров, необходимо реализовать отображение нужного accordion'a по нажатию на элемент из списка. Можно какие - нибудь ссылки

Comments

[Kostya Gorozhanov]

Что именно нужно использовать jquery, backbone, angular?

[Роман Романов]

jquery

[Роман Романов]

jquery ui использую

[R3AD]

Вообще то все можно сделать без JS. Ссылку на сайт для наглядности...

[Роман Романов]

сайта нет, это задание на практике, на этом вопросе встал пока

Answer 1

[Максим Тимофеев]

$("#id_нажатого").on('click',function(){
$("#id_блока_с_аккордионом").show();
})

Можно в списке через data-id указать id_блока_с_аккордионом, который надо отображать.

Comments

[Роман Романов]

что - то не работает, я чего - то не понял наверно. Мониторы(установил id) прописал - $("#ref").on('click',function(){
$("#accordion").show();
})
для второго дива так же сделал, но отображаются оба, нужно чтобы - один, надо, наверно, указать, что пока не нажали, отображать заданный по умолчанию аккордион. Сонный уже, подскажите, плиз)

[Максим Тимофеев]

Надо скрыть все изначально

[Максим Тимофеев]

Можете задать всем аккордионам класс "hideit"
и перед $("#id_блока_с_аккордионом").show();
добавить $(".hideit").hide();

[Роман Романов]

Максим Тимофеев: сделал как написали, результата нет( $(".hideit").hide();
$("#ref").on('click',function(){
$("#accordion").show();
}) )