Как определить высоту блока в отцовском блоке с overflow: hidden?

Question

[Владислав Бойченко]

Есть внешний блок с max-height: 200px и значением overflow: hidden. В нем есть есть другой блок, высота которого может быть больше родительского. Так вот если она больше, хочу добавлять к этому блоку "Показать все", пытаюсь сделать это так:

$(document).ready(function(e){
	if ($('.collapsible > table').height() > $('.collapsible').height()) {
		$('.collapsible').append('Показать все');
	} else { 
		
	}
});

Но оно не работает. Может кто-то объяснить, что не так? jQuery только учу.

Answer 1

[CyberHost]

А что именно не получаеться?
Вот пример codepen.io/Cyber-host/pen/RGpXjX

// Пробуй. тут уже 100% появяться
var collapsibles = $('.collapsible');

for(var i=0; i<collapsibles.length; i++){
    el = $(collapsibles[i]);
        if($(el.children('table')[0]).height() > el.height()) {
             el.append('<a class="show-more" href="#">Show more</a>');
        }
};

Comments

[Владислав Бойченко]

Да, действительно работает. А вот здесь (ideko.com.ua/matrasi/#category_id=25&page=1&path=2... - нет. Слева в фильтрах есть два блока, у которых должна ссылка появляться: "Наполнение" и "Высота". Делаю так: i.piccy.info/i9/1b5e89018b219a13aef6dceaf9a5000d/1...

[CyberHost]

Владислав Бойченко: там таблиц много. делайт так: $($('.collapsible > table')[1]).height() там где берешь высоту таблицы

[Владислав Бойченко]

CyberHost: так ссылка появляется у всех блоков

[CyberHost]

Владислав Бойченко: ну а как ты хотел?

[Владислав Бойченко]

Я хотел так, как в условии скрипта: чтобы ссылка появлялась только там, где дочерний элемент больше отцовского как бы.

[CyberHost]

Владислав Бойченко: я же тебе показал что юзать $($('.collapsible > table')[1]).height() юзай в своем скрипте при сравнении в цикле. щя добавлю в ответ, а то долго все будет

[Владислав Бойченко]

Все равно не работает. Я вижу, что он рабочий, и на codepen работает, но на сайте - ноль.

[CyberHost]

Владислав Бойченко: что не работает? я код в ответ прикрепил. пробовал?

[Владислав Бойченко]

Да, вставил его. Не появились ссылки.

[CyberHost]

Владислав Бойченко: поправил код. если опять скажешь что не появляються начну скрины кидать

[Владислав Бойченко]

CyberHost: Да, сработало! Я, конечно, не понимаю, что там написано, но оно работает! Спасибо)