jquery多选项卡效果实例代码(附效果图)(3)

<div>
    <a></a>
    <div>Designer Name Order O to T</div>
    <div>
        <ul>
        <li><span>Designer Name O</span></li>
        <li><span>Designer Name P</span></li>
        <li><span>Designer Name Q</span></li>
        <li><span>Designer Name R</span></li>
        <li><span>Designer Name S</span></li>
        <li><span>Designer Name T</span></li>
        </ul>

        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$O item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>

        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$P item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>

               
        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$Q item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>

               
        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$R item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>

               
        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$S item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>

        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$T item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>