<div class="Currency_Tab">        <nav class="tab-hd">                <!--{loop}-->                        <li class="active><a href="javascript:void(0)">分區</a></li>                <!--{/loop}-->        </nav>        <div class="tab-bd">                <!--{loop $key }-->                        <div style="display:{if $key==0}block{else}none{/if};">                                版塊                        </div>                <!--{/loop}-->        </div></div>

<div class="Currency_Tab">        <nav class="tab-hd">                <li class="active"><a href="javascript:void(0)">全部</a></li>                <!--{loop}-->                        <li><a href="javascript:void(0)">分區</a></li>                <!--{/loop}-->        </nav>        <div class="tab-bd">                <div style="display: block;">                        <!--{loop}-->                                全部版塊                        <!--{/loop}-->                </div>                <!--{loop}-->                        <div style="display: none;">                                版塊                        </div>                <!--{/loop}-->        </div></div>

Jquery<script type="text/javascript">        jQuery(function(){                function tabs(tabTit,on,tabCon){                        jQuery(tabTit).children().hover(function(){                                jQuery(this).addClass(on).siblings().removeClass(on);                                var index = jQuery(tabTit).children().index(this);                                jQuery(tabCon).children().eq(index).show().siblings().hide();                        });                };        tabs(".tab-hd","active",".tab-bd");        });</script>