标签和子标签

时间:2012-10-04 11:18:11

标签: javascript jquery html css

我设计了一个包含ParentTabs和ChildTabs的页面,现在在ParentTabs上显示的childTabs各有其他内容。如何执行该操作按钮(继续)转到下一个子选项卡以显示其他内容选项卡。

<div id="content">
        <div class="tineUl">
            <ul class="mainUl">
                <li class="selected"><a><span>TabOne</span></a></li>
                <li><a><span>TabTwo</span></a></li>
                <li><a><span>ThirdTab</span></a></li>
                <li><a><span>FourthTab </span></a></li>
            </ul>
        </div>
        <div id="subContent">
            <div class="tineUl">
                <ul class="subMainUl">
                    <li class="selected"><a><span>TabOne</span></a></li>
                    <li><a><span>TabTwo</span></a></li>
                    <li><a><span>ThirdTab</span></a></li>
                    <li><a><span>FourthTab </span></a></li>
                </ul>
            </div>
            <div id="subContentChild">
                <p>
                   SubContent Menu Zone.
                </p>
         <input type="submit" class="button" value="Cancel"></input>
         <input type="submit" class="button" value="Continue"></input>
            </div>
        </div>
    </div>

小提琴:http://jsfiddle.net/Ksb2W/138/

1 个答案:

答案 0 :(得分:2)