I need help with a layout where I have a ul floated left serving as vertical tab navigation for a container div next to it. The container div contains the same number of divs as the ul has li's and I want the min-height of the container div (.selector-content) to be based on the height of the ul (.selector). I would like each div to resize according to its corresponding ul, and these elements are all within an accordion panel. The tabs functionality is powered by jQuery. Is there a jQuery function that can achieve this? Any suggestions?
<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