- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
- li a{display:inline-block;}
- li a{display:block;}
- </style>
- <![endif]-->
- <script src1="/ajaxjs/jquery1.3.2.js" type="text/javascript"></script>
- <script type="text/javascript">
- function initMenu() {
- $('#menu ul').hide();
- $('#menu ul:first').show();
- $('#menu li a').click(
- function() {
- var checkElement = $(this).next();
- if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
- return false;
- }
- if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
- $('#menu ul:visible').slideUp('normal');
- checkElement.slideDown('normal');
- return false;
- }
- }
- );
- }
- $(document).ready(function() {initMenu();});
- </script>
- </head>
- <body>
- 预览提示错误,请刷新页面。<br>
- <ul id="menu">
- <li>
- <a href="#">weblog Tools</a>
- <ul>
- <li><a href="#">PivotX</a></li>
- <li><a href="#">WordPress</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Programming Languages</a>
- <ul>
- <li><a href="#">PHP</a></li>
- <li><a href="#">Ruby</a></li>
- <li><a href="#">Python</a></li>
- </ul>
- </li>
- <a href="#">Search Engines</a>
- <ul>
- <li><a href="#">Yahoo!</a></li>
- <li><a href="#">Google</a></li>
- </ul>
- </li>
- </ul>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/100520133259.html
来源: http://www.codesnippet.cn/detail/100520133259.html