이 기사의 예에서는 JQuery가 확장 및 닫기 레이어를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. JQuery로 만든 레이어 확장/닫기 <br> $(함수()<br> { <p>$("#mostrar").click(function(event) {<br> event.preventDefault();<br> $("#caja").slideToggle();<br> });</p> <p>$("#caja a").click(function(event) {<br> event.preventDefault();<br> $("#caja").slideUp();<br> });<br> });<br> <br> <style type="text/css"><br> 몸 {<br> 글꼴 계열: Verdana, Arial, Helvetica, sans-serif;<br> 글꼴 크기: 11px;<br> 색상: #666666; }<br> a{색상:#993300; 텍스트 장식:없음;}<br> #카자 {<br> 너비:70%;<br> 표시: 없음;<br> 패딩:5px;<br> 테두리:2px 솔리드 #FADDA9;<br> 배경색:#FDF4E1;<br> }<br> #모스트라르{<br> 디스플레이:블록;<br> 너비:70%;<br> 패딩:5px;<br> 테두리:2px 솔리드 #D0E8F4;<br> 배경색:#ECF8FD;<br> }<br> </스타일><br> </머리><br> <br> <a href="#" id="mostrar">자세한 내용을 보려면 클릭하세요... (효과가 실패할 경우 이 페이지를 새로 고치고 jquery를 로드하면 정상적으로 작동됩니다!)</a><br> </p><div id="caja"><p> <a href="#" class="close">[x]닫기</a><br> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. /p><br> </div><br> </본문><br> </p> </div>