jQueryでタブパネル2
jQuery toolsよりDL
http://jquerytools.org/demos/tabs/index.html
カスタマイズすると
<!DOCTYPE html> <html lang="ja"> <head> <title>jQuery Tools standalone demo</title> <script src="js/jquery.tools.min.js"></script> <link rel="stylesheet" type="text/css" href="css/standalone.css"> <link rel="stylesheet" type="text/css" href="css/tabs.css"> <link rel="stylesheet" type="text/css" href="css/tabs-panes.css"> </head> <body> <ul class="tabs"> <li><a href="#">Tab 1</a></li> <li><a href="#">Tab 2</a></li> <li><a href="#">Tab 3</a></li> </ul> <div class="panes"> <div>First tab content. Tab contents are called "panes"</div> <div>Second tab content</div> <div>Third tab content</div> </div> <script> $(function() { $("ul.tabs").tabs("div.panes > div"); }); </script> </body> </html>