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

<div>
    <a></a>
    <div>Designer Name Order H to N</div>
    <div>
        <ul>
        <li><span>Designer Name H</span></li>
        <li><span>Designer Name I</span></li>
        <li><span>Designer Name J</span></li>
        <li><span>Designer Name K</span></li>
        <li><span>Designer Name L</span></li>
        <li><span>Designer Name M</span></li>
        <li><span>Designer Name N</span></li>
        </ul>

        <div>
            <div>
                <div></div>
                <div>
                    <!--{foreach from=$H 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=$I 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=$J 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=$K 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=$L 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=$M 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=$N item=i}-->
                    <a href="#">{$i.user_name}</a>
                    <!--{/foreach}-->
                </div>
                <div></div>
            </div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>