서비스 관리
JQuery_jquery를 기반으로 접이식 메뉴 코드를 간단하게 구현
- WBOY원래의
- 2016-05-16 18:19:34917검색
메뉴는 초기화 시 접혀지는 2차 메뉴로, 큰 항목 제목을 클릭하면 2차 목록이 펼쳐져 표시됩니다.
HTML 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
서비스 관리
홈페이지로 돌아가기그 중 JQUERY 스크립트는 간단한 몇 줄만으로 원하는 효과를 얻을 수 있습니다. 구체적인 코드는 다음과 같습니다.
코드 복사
코드는 다음과 같습니다.
< script 언어=" javascript" type="text/javascript"> $(document).ready(function () { //보조 메뉴를 숨기도록 설정$(".FAQlist" ).css ("display", "none"); //1단계 메뉴를 클릭하면 이벤트가 발생합니다$(".bartitleFAQ").click(function () {
$( ".FAQlist") .css("display", "none");//모든 보조 메뉴가 보이지 않도록 설정$(this).next(".FAQlist").css("display", "block "); //현재 1단계 메뉴의 2단계 메뉴가 보이도록 설정
})
})
})
})
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.