jQuery多个标签UL充当一个

Question

我有一个包含多个标签组的页面，但是它们作为独立的组，我希望它们被“看作”为一个组。原因是我有2行标签，我希望这些标签的内容位于它所属的行下面，当活动时按下第二行标签。

有些HTML是：

<ul>
    <li><a href="#1">1 of 8</a></li>
    <li><a href="#2">2 of 8</a></li>
    <li><a href="#3">3 of 8</a></li>
    <li><a href="#4">4 of 8</a></li>
</ul>
<div id="1">1 content here</div>
<div id="2">2 content here</div>
<div id="3">3 content here</div>
<div id="4">4 content here</div>

<!-- Second row of tabs -->
<ul>
    <li><a href="#5">5 of 8</a></li>
    <li><a href="#6">6 of 8</a></li>
    <li><a href="#7">7 of 8</a></li>
    <li><a href="#8">8 of 8</a></li>
</ul>
<div id="5">5 content here</div>
<div id="6">6 content here</div>
<div id="7">7 content here</div>
<div id="8">8 content here</div>

有什么想法吗？

基本上它与此http://jsfiddle.net/BLGUW/相同但是你可以看到第一组标签4,5,6与第二组标签4,5,6是分开的，但我想（如果可能的话） ）两个集合链接在一起，但内容显示在jsfiddle中。