在多个accordion中嵌套Jquery选项卡_Jquery_Menu_Tabs_Accordion

在多个accordion中嵌套Jquery选项卡

jquery menu tabs

在多个accordion中嵌套Jquery选项卡,jquery,menu,tabs,accordion,Jquery,Menu,Tabs,Accordion,我正在尝试使用accordions中的选项卡创建一个带有JQuery的菜单。我需要有标签内容显示在手风琴外面我现在只能用第一个显示标签的手风琴我的想法是，我需要添加tabs类，但我对JQuery还很陌生 $(function () { $("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); $("#tabs li").removeClass("ui-corner-top").addClass("ui

我正在尝试使用accordions中的选项卡创建一个带有JQuery的菜单。我需要有标签内容显示在手风琴外面

我现在只能用第一个显示标签的手风琴

我的想法是，我需要添加tabs类，但我对JQuery还很陌生

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

我猜你想要这个：我剪下菜单的一部分，把它放在手风琴的上方










达尔文教程
用户指南








支持
记录
笔记
日记
其他4
其他5
其他6

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

不起作用，你正在破坏小部件结构。可以在accordion中设置链接的样式，使其看起来像选项卡，并从链接中创建自己的内容呈现代码。errr认为Jquery一点也不喜欢，谢谢。将手风琴改为单独的页面。我想这将有助于加载时间，因为所有的youtube视频。有点需要手风琴内的标签。

<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>