我正在使用jquery擴展父點擊高度,基於絕對定位手風琴的高度。在這種情況下,它必須是絕對的定位。獲取高度的手風琴打開狀態,同時關閉
每個手風琴按鈕都有自己的功能,父母的高度將是手風琴的標題(按鈕)+內容,並且將根據手風琴的哪一部分打開而改變。
的問題是,以動態地得到正確的高度,我需要知道的內容的大小時處於打開狀態作爲默認的文檔加載關閉狀態height:0;
$('.button').click(function(){
var accordionHeight = $('.accordion-content').height(); //default closed state, height:0;
$('.parent').height(accordionHeight + $('.accordion-title').height());
});
有什麼辦法確定手風琴內容在開啓狀態下的高度,而不將默認狀態設爲開啓狀態?
如果您需要更多信息,請讓我知道。
編輯:一些更多的信息
想象有兩個孩子的父母DIV。手風琴是一個孩子,而另一個手風琴的高度始終與所有州的手風琴師相同。
編輯2:根據@ LouysPatriceBessette的解決方案的變化求解。
//expand accordion
$(".custom-accordion .panel-collapse").addClass("in");
//get height
var accordionContent = $('.custom-accordion').height();
//display height
console.log(accordionContent);
//collapse accordion
$(".custom-accordion .panel-collapse").removeClass("in");
//check we still have the correct height value
console.log(accordionContent , "Hello, world!");
$('.custom-accordion .title').click(function(){
$('.sibling').height(accordionContent);
});
你好,你只需要在.accordion-content處於打開狀態時添加高度對嗎?當我點擊每個按鈕? – bellabelle
@bellabelle是的,這是正確的。 – JPB