拡張の前にdivの高さを取得する方法

Question

私はブートストラップの崩壊を使用しています。ユーザーがリンクをクリックすると、divを拡張してその高さを計算し、その高さをh3に追加します。 私の問題は、リンクをクリックしてdivをクリックすると0になり、再びクリックするとdivで崩壊して真の高さになるということです。どんな助け？何をしたい

$(document).ready(function(){ 
    $("#open_tech").click(function(){ 
    var height = $(".price_list").height(); 
     $('.left_side_menu h3').css('height',height); 
     console.log(height); 
    }) 
}); 

Answer 1

は崩壊要素が（完了するために、CSSトランジションをお待ちしています）、ユーザーに可視にされたときshown.bs.collapseイベント

はこのイベントが発生しています。

$('.price_list').on('shown.bs.collapse', function() { 
 
    var height = $(".price_list").height(); 
 
    $('.left_side_menu h3').css('height', height); 
 
    console.log(height); 
 
})

.left_side_menu h3 { 
 
    background-color: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
 
<button data-toggle="collapse" data-target=".price_list">Collapsible</button> 
 

 
<div class="collapse price_list"> 
 
    Lorem ipsum dolor text.... Lorem ipsum dolor text.... 
 
    <br> 
 
    <br> 
 
</div> 
 

 
<br> 
 
<div class="left_side_menu"> 
 
    <h3>Some header text</h3> 
 
</div>