2

横にあるコンテナー div の垂直タブ ナビゲーションである ul フロート左があります。コンテナーの div は、ul に含まれる li と同じ数の div で満たされます。基本的に、コンテナー div (.selector-content) の最小高さを ul (.selector) の高さから計算する必要があります。私のページにはこの配置のインスタンスがいくつかあるため、対応する ul に基づいて各 div のサイズが変更されると便利です。ul と div は両方ともアコーディオンのパネルにあります。この機能は、jQuery のタブに由来します。これを行うことができるjQuery関数があれば、それは素晴らしいでしょう. 何か案は？

<html>
<head>
</head>
<body>    
<div class="accordion">
 <p class="ac-head current">Panel 1</p>
  <div class="panel">
   <ul class="selector">
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
    <li>Tab 4</li>
    <li>Tab 5</li>
   </ul>
  <div class="selector-content">
   <div class="content">Tab 1 Content</div>
   <div class="content">Tab 2 Content</div>
   <div class="content">Tab 3 Content</div>
   <div class="content">Tab 4 Content</div>
   <div class="content">Tab 5 Content</div>
  </div> <!-- Close selector-content -->
 </div> <!-- Close panel -->
</div> <!-- Close accordion -->    
</body>
</html
4

1 に答える 1

2

簡単に試してみましたか？

$("div.panel").css({ "min-height": $("ul.selector").height() });
于 2012-10-29T17:46:59.527 に答える