質問編集履歴
2
質問内容の修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
高さの可変するタブのコンテンツ(スライダー入り)の高さを取得し、即時反映させたい。
|
test
CHANGED
@@ -10,6 +10,8 @@
|
|
10
10
|
|
11
11
|
②上下のタブのactiveクラスを連動させたいです。
|
12
12
|
|
13
|
+
**→②は解決できました。**
|
14
|
+
|
13
15
|
|
14
16
|
|
15
17
|
どなたか分かる方がいらっしゃいましたら、ご教授よろしくお願いします。
|
@@ -20,6 +22,8 @@
|
|
20
22
|
|
21
23
|
②色々試したものの、結局できませんでした。orz
|
22
24
|
|
25
|
+
**→②は解決できました。**
|
26
|
+
|
23
27
|
|
24
28
|
|
25
29
|
|
@@ -346,4 +350,8 @@
|
|
346
350
|
|
347
351
|
が、まったく動いていないのでずっと初期の高さが保持されてしまっている状態です。
|
348
352
|
|
353
|
+
|
354
|
+
|
349
355
|
activeクラスの上下タブ連動に関しては手付かずの状態です。
|
356
|
+
|
357
|
+
**→上下タブ連動は解決できました。**
|
1
ソースコードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
<div id="tabContent">
|
50
50
|
|
51
|
-
<div id="page01" class="mainBodyBox tabBox">★コンテンツ01
|
51
|
+
<div id="page01" class="mainBodyBox tabBox"><!--★コンテンツ01-->
|
52
52
|
|
53
53
|
<h4>ここはtab01コンテンツです。</h4>
|
54
54
|
|
@@ -86,7 +86,7 @@
|
|
86
86
|
|
87
87
|
</div>
|
88
88
|
|
89
|
-
<div id="page02" class="mainBodyBox tabBox">★コンテンツ02
|
89
|
+
<div id="page02" class="mainBodyBox tabBox"><!--★コンテンツ02-->
|
90
90
|
|
91
91
|
<h4>ここはtab02コンテンツです。</h4>
|
92
92
|
|
@@ -158,7 +158,7 @@
|
|
158
158
|
|
159
159
|
</div>
|
160
160
|
|
161
|
-
<!--以下、★コンテンツ03、★コンテンツ04が続く。(それぞれ要素の高さが違う。)-->
|
161
|
+
<!--以下、★コンテンツ03、★コンテンツ04が続く。(それぞれ複数のslickスライダーを内包し、要素の高さが違う。)-->
|
162
162
|
|
163
163
|
</div><!--/#tabContent-->
|
164
164
|
|
@@ -220,7 +220,7 @@
|
|
220
220
|
|
221
221
|
$("#tabContent #page04").css("height", tabContent_04);
|
222
222
|
|
223
|
-
$("#tabContent").css("height", tabContent);■1
|
223
|
+
$("#tabContent").css("height", tabContent);//■1
|
224
224
|
|
225
225
|
|
226
226
|
|
@@ -232,7 +232,7 @@
|
|
232
232
|
|
233
233
|
$(this).addClass("tabActive");
|
234
234
|
|
235
|
-
$(".tabBox").css("visibility", "hidden");■2
|
235
|
+
$(".tabBox").css("visibility", "hidden");//■2
|
236
236
|
|
237
237
|
$(".tabBox").css("height", "0px");
|
238
238
|
|
@@ -240,7 +240,7 @@
|
|
240
240
|
|
241
241
|
$($(this).attr("href")).css("height", "auto");
|
242
242
|
|
243
|
-
$("#tabContent").css("height", tabContent);■3
|
243
|
+
$("#tabContent").css("height", tabContent);//■3
|
244
244
|
|
245
245
|
return false;
|
246
246
|
|
@@ -347,7 +347,3 @@
|
|
347
347
|
が、まったく動いていないのでずっと初期の高さが保持されてしまっている状態です。
|
348
348
|
|
349
349
|
activeクラスの上下タブ連動に関しては手付かずの状態です。
|
350
|
-
|
351
|
-
###補足情報(言語/FW/ツール等のバージョンなど)
|
352
|
-
|
353
|
-
より詳細な情報
|