Освежаваща височина на слайдера bxslider с динамично съдържание - javascript, jquery, html, css, bxslider

Имам 2 слайда на bxslider и един от тях има няколко "таба", които зареждат или крият съдържание. Без да опреснявате цялата страница, има ли начин да промените височината на слайд прозореца в движение?

Тук е слайдерът, с който работя: http://www.otse.org/slider-test/

По същество искам да добавя действие към етикетите, които се използват за бутоните на подкатегорията.

Отговори:

Когато създавате своя bxslider трябва да минете adaptiveHeight: true

$(".bxslider").bxSlider({
adaptiveHeight: true
});

Вижте примера на документацията на bxSlider тук.

Попаднах на подобен проблем, когато когатопотребителят щраква върху някой от html текста на съдържанието на bxslider, текстовата област ще замени съдържанието и височината на плъзгача ще трябва да се промени. Накрая направих това,

   $(".best_in_place").click(function(){
var height = $(this).closest("li").css("height");
$(".bx-viewport").css("height",height);

});

Мисля, че бихте могли да замените .best_in_place с какъвто и да е клас или идентификатор на вашия раздел и да промените височината на .bx-viewport въз основа на съдържанието на скрий / покажете.

моя html:

<ul id="reviews" class="bxslider">
<li class="review-item"></li>
<li class="review-item"></li>
<li class="review-item"></li>
</ul>

(Съдържанието на елемента от списъка се зарежда динамично с Ajax)