코드로 바로 이동: 코드 복사 코드는 다음과 같습니다. .org/1999/xhtml"> < ;head> 트리 목록 메뉴(메뉴 트리) jQuery <br>.padding {height:300px;} <br> 이 저작권 표시는 <br>항상<br><br>스타일시트에 그대로 유지되어야 합니다. 이 스타일시트 및 관련 (x)html <br>은 http://www.jb51.net에서 볼 수 있습니다<br>Copyright (c) 2005-2008 Stu Nicholls <br>이 스타일시트 및 관련( x)html은 <br>귀하의 요구 사항에 맞게 <br><br> <br>#wrap {position:relative; height:200px; z-index:100;} <br>#nav {위치:절대:0; 상단:0;} <br>#nav, <br>#nav ul {padding:0; 목록 스타일:none, sans-serif; 배경:#fff; 글꼴 무게:bold;} <br>#nav li a {padding-left:20px; white-space: nowrap;} <br>#nav li ul li a {padding-left :0;} <br><br>#nav ul {padding-left:20px;} <br>#nav li a {color:#66b; text-꾸밈:none; 글꼴 크기:11px;} <br> #nav li {font-size:13px; line-height:25px; color:#d80; 커서:포인터; 너비:100%;} <br> #nav li.down {text-indent:20px;} <br> <br>#nav li a:hover {text-장식:underline;} <br><br> 이 저작권 표시는 항상 그대로 유지되어야 합니다. <br>저작권 (c) 2008 Stu Nicholls - stunicholls.com - 모든 권리 보유 <br><br>$(document).ready(function() { <br><br>$("ul#nav ul"). hide(); <br>$('ul#nav li:has(ul)').each(function(i) { <br>$( this).children().slideUp(400); <br>} ); <br> $('li.p1:has(ul)').click(함수(이벤트){ <p> ul#nav li:has(ul)').each(function(i) { <br> ; <br> $(this).children("ul:eq(0)").slideToggle(400) <br> > <br> 🎜> < ;ul id="nav"> 홈 제품 ; 서비스 🎜> ; #url">수정 ul> > jquery의 주소를 찾을 수 있는 주소로 변경해야 합니다. 그렇지 않으면 아무런 효과가 없습니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
