Вертикальные табы без jquery

[ilyas]

Здравствуйте!
Если у кого уже готовый скрипт вертикальных табов не на jquery, их через поиск полно, именно на чистом js не нашел. Вот здесь начал делать, как понимаю нужно использовать делегирование (один обработчик на родителе). Может у кого есть уже подобный готовый скрипт без jquery ?

[Bloomerwd]

Недавно писал, может не совсем то и без анимации, но пример рабочий.

http://jsfiddle.net/BloomerWD/Z9fMW/

Edited July 25, 2014 by Bloomerwd

[ilyas]

Немного неправильно назвал тему, не табы а аккордион, интересует как здесь самый последний, но чтобы его запустить приходится подстаиваться под его разметку и еще подключать плагин мигрэйт, без него на jquery 1.9.0 не работает, если ли уже готовый простой аккордеон на js (не на jquery) и чтоб можно было раскрывать по несколько вкладок

[Veseloff]

А почему бы не использовать jquery? Ну и всегда можно взять и написать, если найти не получается.

[Bloomerwd]

Тогда может вот так http://jsfiddle.net/BloomerWD/Lh4GB/ ?

[nerv]

http://jsfiddle.net/4sKD3/331/ тут нашел http://stackoverflow.com/a/15096402

 

Немного неправильно назвал тему

немного? ВООБЩЕ не то ты написал. Edited July 25, 2014 by nerv

[ilyas]

Тогда может вот так http://jsfiddle.net/BloomerWD/Lh4GB/ ?

 

Нужно еще добавить класс opened элементу span с атрибутом tab при клике когда разворачивается и удалить если повторно нажать чтобы закрыть вкладку

Сам пробовал вот так, но не работает

 

if(elems[i].getAttribute('class', ' ')){	elems[i].setAttribute('class', 'opened')}else{elems[i].setAttribute('class', ' ')}

[ilyas]

помогите пожалуста добавить класс opened при разворачивании и удалять сворачивании той же вкладки

[Bloomerwd]

http://jsfiddle.net/BloomerWD/Lh4GB/

Edited July 25, 2014 by Bloomerwd

[ilyas]

http://jsfiddle.net/BloomerWD/Lh4GB/

Спасибо вам за ваш скрипт, но класс opened добавляется не там, нужно чтобы на span добавлялся который с атрибутом tab

 

Edited July 25, 2014 by ilyas

[Bloomerwd]

http://jsfiddle.net/BloomerWD/Lh4GB/

[ilyas]

http://jsfiddle.net/BloomerWD/Lh4GB/

Привет добавь меня в друзья в скайпе,

[Bloomerwd]

 

http://jsfiddle.net/BloomerWD/Lh4GB/

Привет добавь меня в друзья в скайпе,

 

Добавил.