Tabs при клике открывается, при клике не закрывается, надо чтоб закрывался, как поправить?

Question

[Антон Вебсайтовский]

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

Вообщем подскажите что где поправить, чтобы при клике и закрывался.

Посмотреть в деле табс тут
https://jsfiddle.net/vlit/ag14ju8s/48/

Answer 1

[Дмитрий]

Привет! Надо поменять это:

tab.find('.tabSection, .tabNav a').removeClass('active');

на это:

tab.find('.tabSection:not(:eq(' + index + ')), .tabNav a:not(:eq(' + index + '))').removeClass('active');

Comments

[Антон Вебсайтовский]

Большое спасибо, работает.

Только есть проблемка маленькая, когда раскрыл, потом кликаю свернуло ! но кнопка как бы активна еще подсвечивается, как это убрать.

https://jsfiddle.net/vlit/ag14ju8s/50/

[Дмитрий]

Антон Вебсайтовский, Простите, я не понимаю о чем вы говорите... имеется ввиду фокус?

Не понимаю зачем убирать фокус...
Можно так:

tab.find('.tabSection:eq(' + index + '), .tabNav a:eq(' + index + ')').blur();

Ну или так:

tab.find('.tabSection:not(:eq(' + index + ')), .tabNav a:not(:eq(' + index + '))').removeClass('active');
tab.find('.tabSection:eq(' + index + '), .tabNav a:eq(' + index + ')').toggleClass('active').blur();

Вызов blur(); для tab-а, уберет фокус. Но hover эффект останется.

[Антон Вебсайтовский]

Дмитрий, ну как зачем, если я свернул, то зачем чтобы фокус был, ну типа я нажал, оно же свернуто.
Да работает, большое спасибо, то что надо.