2013-03-08 2 views
1

Этот код отлично подходит для скрипки:
You can expand/collapse all items and also expand/collapse individual items.jquery удалить конкретный класс аккордеона

Теперь я добавил немного логики в Ruby (я не могу добавить, что в jsfiddle)

.accordion-body{id: "collapse-#{index}", class: (get_office_id.to_i == office_id ? '' : 'collapse') } 

Код выше получает идентификатор из URL и проверяет его с одним из пунктов в гармошку и расширяется, что аккордеон. Это прекрасно работает.

Но когда я нажимаю на Развернуть/Свернуть все, он расширяет/сворачивает все, кроме одного.

Я попытался добавить следующую строку в моей JavaScript выше, но это не сработало:

$(this).removeClass('accordion-body'); 

Есть предложения?

+0

Вы пропустили закрывающую кавычку. Изменить $ (this) .removeClass ('accordion-body); до $ (this) .removeClass ('accordion-body'); –

+0

@ Kabamaru.that был опечаткой, когда я копировал на этом форуме. – Micheal

ответ

1

Измените код, определяющий, нужно ли ему открывать один из элементов аккордеона. Если он соответствует ID из URL-адреса, введите классы: collapse и in

Просто гадать с рубином, но что-то вроде этого?

.accordion-body{id: "collapse-#{index}", class: (get_office_id.to_i == office_id ? 'collapse in' : 'collapse') } 

Пример здесь: http://jsfiddle.net/n1ck/HqXMN/20/

Смежные вопросы