Как в jQuery accordion при переключении получать реальную высоту, без пустот?

Question

[Вячеслав Лебедев]

Добрый вечер! :)
Если в менюшке с аккордеоном не равное количество элементов, то он берет максимальное значение, а при переключении появляются пустоты, как этого избежать?
На картинке после "Музыка", пустой элемент.

Максимальное кол-во элементов, три.


ps: про названия элементов в под менюшке у "Любовь" ни слова :)
просто так надо.
pss: как убрать выделение бордюры при клике на менюшки "Любовь"?
если что, это добавил accordion , не я. :)

Спасибо!

Answer 1

[Сергей Мельников]

Почему бордюры? откуда такое слово? либо бордер, либо граница.
В вашем случае это не border, а outline. Убрать так:

.selector {
  outline: none;
}

Если не подходит $().height(), попробуйте $().outerHeight().

Comments

[Вячеслав Лебедев]

Простите за бордер :)))))
А куда мне вставить $().height(), не пойму :(

Еще такой вопрос, забыл написать выше:
Хотелось бы, чтобы по умолчанию, ничего не открывалось.
Что передать в .accordion( { ? } );

[Сергей Мельников]

.accordion({
  active: false,
  heightStyle: "fill" // либо content
});

[Вячеслав Лебедев]

Сергей Мельников: Высота отработала, а вот активность по умолчанию осталась прежней :(

[Вячеслав Лебедев]

Сергей Мельников:
Делаю вот так:

$('.selector').accordion({
    active: false,
    heightStyle: 'content'
});

Активность имеется, высота по контенту.

[Вячеслав Лебедев]

Сергей Мельников:
Остался один вопросик :)
Как сбросить активность, чтобы по умолчанию аккордеон не раскрывался, как только загрузилась страничка? А только при кликах? :)

[Сергей Мельников]

slavikse: jsbin.com/qemuki/1/edit?js,output

[Вячеслав Лебедев]

Сергей Мельников: Замечательно, все заработало :)
Спасибо!
А что делает collapsible?

[Вячеслав Лебедев]

Сергей Мельников: я Вас замучил наверное :(
Последний вопросик на сегодня:
Как пользоваться header: 'h3' и можно ли ему передавать css класс?

[Сергей Мельников]

slavikse: collapsible - дает возможность закрыть все вкладки, в параметр header можно передавать любой селектор, в header параметре указывается селектор элемента, при клике на котором происходит открытие / закрытие панели