jQueryでの高さの取得（レスポンシブも含める）

Question

したいこと
jQueryでの高さの取得（レスポンシブも含める）

セレクトボックスを使ってコンテンツごとに違う表示をするように実装したのですが、position: absolute;を使っているため、高さの表示がおかしくなってしまいます。。。

そのため、jQueryを使ってコンテンツごとに高さを取得したいのですが、調べたりしたのですがなかなか上手くいかず誰か助けていただきたいです（ ; ; ）

id="trainer"にheightをつけるイメージかと思うのですが。。。

お手数おかけしますが、よろしくお願い致します(>_<)
不足している情報等ありましたらご指摘ください。。。

<section id="trainer" class="content">
	<h2>TRAINERS</h2>
	<div class="container">
		<div class="cp_ipselect cp_sl01">
			<select>
			  <option value="a01">ALL TRAINERS</option>
			  <option value="a02">NIIGATA</option>
			  <option value="a03">FUKUOKA</option>
			</select>
		</div>
		<div class="all all-trainers" id="a01">
			<ul class="col col4">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>


		<div class="all" id="a02">
			<ul class="col col4">
				<li></li>
				<li></li>
			</ul>
		</div>

		<div class="all" id="a03">
			<ul class="col col4">
				<li></li>
				<li></li>
			</ul>
		</div>
	</div><!-- /.container -->
</section>

.content { padding: 80px 2%; }
.container { margin: 0 auto; max-width: 980px; padding: 0 20px; line-height: 1.7; }

#trainer { background: #000; color: #FFF; padding: 80px 0 80px 0; }
#trainer ul { width: 100%}

.all { display: none; position: absolute;}

// ----------------------------------
// セレクトボックス
// ----------------------------------

jQuery(document).ready(function($){
	$('select').change(function () {
	  var val = $('select').val();
	  if (val == 'select') return;
	  $('.all').fadeOut();
	  $('.all#' + val ).fadeIn();
	});

	$('select').ready(function () {
	  var val = $('select').val();
	  if (val == 'select') return;
		$('.all-trainers').fadeOut();
	  $('.all-trainers#' + val ).fadeIn();
	});

});

Answer 1

適当に親を用意しておいて (id="a"としておく)

<div id="a">
  <div class="all all-trainers" id="a01"></div>
  <div class="all" id="a02"></div>
  <div class="all" id="a03"></div>
</div>

//$('.all#' + val ).fadeIn()
$('#a').animate({ height: $('.all#' + val).fadeIn().height() });

Comments

[UKYO9311]

解決しました！（ ; ; ）
本当にありがとうございます！