0

http://jsfiddle.net/SamHats/gjFUT/

我正在尝试使用手风琴中的标签创建带有 JQuery 的菜单。我需要让标签内容显示在手风琴之外。

我目前只使用第一个显示标签的手风琴。

我的想法是我需要添加选项卡类，但我对 JQuery 很陌生。

$(function () {
    $("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
    $("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left");
});
4

1 回答 1

0

我猜你想要这个：我剪下菜单的 div 并将它放在手风琴上方

http://jsfiddle.net/gjFUT/2/

<body>
    <div id="tabs">
         <div>
                <ul>
                    <li><a href="#tabs-1">Records</a>

                    </li>
                    <li><a href="#tabs-2">Notes</a>

                    </li>
                    <li><a href="#tabs-3">Diary</a>

                    </li>
                </ul>
            </div>
        <div id="accordion" class="panel" style="clear:both">
                <h3>Darwin Tutorial</h3>


             <h4>User Guide</h4>

            <div>
                <ul>
                    <li><a href="#tabs-4">Other 4</a>

                    </li>
                    <li><a href="#tabs-5">Other 5</a>

                    </li>
                    <li><a href="#tabs-6">Other 6</a>

                    </li>
                </ul>
            </div>
             <h3>Support</h3>

            <div></div>
        </div>
        <div class="rightpanel">
            <div id="tabs-1">
                    <h2>Records</h2>

                <iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
                frameborder="0" allowfullscreen></iframe>
            </div>
            <div id="tabs-2">
                    <h2>Notes</h2>

                <iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
                frameborder="0" allowfullscreen></iframe>
            </div>
            <div id="tabs-3">
                    <h2>Diary</h2>

                <iframe width="560" height="315" src="http://www.youtube.com/embed/rtfS2eFwdgw"
                frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
        <div id="tabs-4">
                <h2>Other 4</h2>

            <iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
            frameborder="0" allowfullscreen></iframe>
        </div>
        <div id="tabs-5">
                <h2>Other 5</h2>

            <iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
            frameborder="0" allowfullscreen></iframe>
        </div>
        <div id="tabs-6">
                <h2>Other 6</h2>

            <iframe width="560" height="315" src="http://www.youtube.com/embed/rtfS2eFwdgw"
            frameborder="0" allowfullscreen></iframe>
        </div>
    </div>

如果我把你的问题弄错了，请纠正我

于 2013-03-05T11:56:34.517 回答