$(function(){
            /* 例1 */
            
            // コンテンツを格納
            var tabContainers = $('#exp1 > div');

            $('#exp1 ul.tabnav a').click(function () {
                 // すべてのタブコンテンツを非表示にし、
                 // クリックされたハッシュをIDとするタブコンテンツだけ表示
                tabContainers.hide().filter(this.hash).show();
                
                // 選択中のタブをハイライト表示
                $('#exp1 ul.tabnav a').removeClass('selected');
                $(this).addClass('selected');
                
                return false;
            }).filter(':first').click(); // 最初のタブコンテンツだけ表示

            /* 例2 */

            // パス名格納用
            var tabs = [];
            // ハッシュ格納用
             var tabContainers2 = [];
             $('#exp2 ul.tabnav a').each(function () {
               // 現在のウィンドウのパス名を取得して配列に格納
//                if (this.pathname == window.location.pathname) {
                     tabs.push(this);
                     // ハッシュを取得して配列に格納
                     tabContainers2.push($(this.hash).get(0));
//                }
             });
             $(tabs).click(function () {
                 // すべてのタブコンテンツを非表示に
                 // クリックされたハッシュをIDとするタブコンテンツだけ表示
                 $(tabContainers2).hide().filter(this.hash).show();

                // 選択中のタブをハイライト表示
                 $(tabs).removeClass('selected');
                 $(this).addClass('selected');

                 return false;
            }).filter(':first').click(); // 最初のタブコンテンツだけ表示

         });