質問: 1; /* #list li を一つずつ処理 */ $('.tab_box').each(function(){ /* #list li に class で no● を設定 ●には、i++ で変数iに1を加算したものが入ります サンプルでは、1から10 です */ $(this).attr('id','tabboxes' + (i++)); /* ↑は、$(this).addclass('no' + (i++)); でもok */ }); $("#tabmenu"+(i)+" li a").on("click", function() { $("#tabboxes"+(i)+" div").hide(); $($(this).attr("href")).fadetoggle(); }); return false; }); .tab_menu ul{ width:600px; } .tab_menu li{ float:left; } .tab_menu li a{ display:block; width:198px; height:48px; line-height:50px; text-align:center; border:#ccc 1px solid; } #tabbox1,#tabbox2,#tabbox3{ width:598px; height:300px; border:#ccc 1px solid; } #tabbox1{ background:#fcf; } #tabbox2{ background:#ffc; display:none; } #tabbox3{ background:#ccc; display:none; } * タブメニュー1 * タブメニュー2 * タブメニュー3 タブボックス1 タブボックス2 タブボックス3 * タブメニュー1 * タブメニュー2 * タブメニュー3 タブボックス1 タブボックス2 タブボックス3 * タブメニュー1 * タブメニュー2 * タブメニュー3 タブボックス1 タブボックス2 タブボックス3
回答: 1ページ内に 複数のタブボックスを設置するために・・・ あの~何が問題なのか判りかねますが、私なりに解釈して回答してみますが、一枚のウィンドウにタブを表示させたいのでしょうか?osもわかりません。もし、win7でしたら internet explorer を起動してツール、インターネットオプションをクリックするとプロパティダイアログの中心にタブとあります。これをクリックして、内容をよくみて「常に新しいタブで開く」にチェックを入れると新しいウィンドウが開かない代わりに新しいタブが開きます。質問の主旨はこういったことでしょうか。 仲々お詳しいようなので、htmlタグは私にはさっぱりです。