使用Tabs的好处是，能在有限的空间里显示更多的资讯。因而其应用也越来越广泛，而在WordPress中最常用在侧栏（Sidebar）。本篇将讨论如何使用jQuery实现Tabs效果，本文基于Justin Tadlock的教学撰写，英文原文请看这里。
1. 将jQuery加入到WordPress
首先我们要把jQuery加入到WordPress，WordPress本身就带有jQuery（在wp-includes\js里面），你可以用以下的程式将其加入，这句程式要放在<head>与</head>之间，通常是在你的主题的header.php文件：
<?php wp_enqueue_script(‘jquery’); ?>
今日要讲解使用JQuery实现WordPress多层下拉导航的程式码。
第一行是让WordPress调用JQuery，就不多说了：
<?php wp_enqueue_script(‘jquery’); ? >
JQuery主程式讲解
然后是JavaScript(JQuery)的主程式：
< script type="text/javascript" >
$("#topmenu a").removeAttr("title");
jQuery(document).ready(function() {
jQuery("#topmenu ul").css({display: "none"}); // Opera Fix
jQuery("#topmenu li").hover(function(){
jQuery(this).find(‘ul:first’).css({visibility: "visible",display: "none"}).show(268);
},function(){
jQuery(this).find(‘ul:first’).css({visibility: "hidden"});
});
});
< /script >
