Как работает этот кусок кода?

Question

[Кира]

Здравствуйте.
Вот нашла такие табы на Codepen и возник вопрос.
Понятно, что сначала в JS мы на клик добавляем класс к одному элементу, а у остальных убираем. А зачем нужна часть с parent().height() и next().height() ?
Спасибо

Answer 1

[Влад]

Привет!

var ph = $(this).parent().height();

ph - это высота блока табов,
parent() - означает родителя элемента ( в данном случае это )

var ch = $(this).next().height();
ch - это высота содержимого выделенного таба,
next() - означает следующий элемент за текущим ( в данном случае это )

Затем там проверяется, если высота содержимого больше, чем высота блока табов, то высота подстраивается под высоту содержимого.

if (ch > ph) {
    $(this).parent().css({
        'min-height': ch + 'px'
    });
}

Answer 2

[Сергей ZSA]

jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D0%B8%...

Забил в гугл "parent() jQuery" 2 ссылка в выдаче уже. Аналогично ищите по next и height.

Answer 3

[Andrew]

Затем, что там адаптив, и надо на разных разрешениях вычислять высоту элементов.