모바일 jQuery 토글 메뉴 만들기

Question

모바일 웹 사이트에 jQuery 토글 메뉴를 만들려고합니다.
이 사이트는 워드 프레스 사이트이므로 가능한 한 동적 인 것으로 만들고 싶습니다. 커스텀 WordPress 메뉴를 만들고 싶습니다.

이제 까다로운 부분이 있습니다.

<div class="plus">+</div> 및 <div class="min">-</div> :
이 나는 ​​메뉴 항목의 아이들 (또는 자식 UL)가 있는지 확인하고 사이를 전환 할.

항목에 자식이 없으면 아무 것도 일어나지 않아야합니다.

는 지금까지이 작업을 수행하기 위해 관리했습니다,() DOM 요소가 다른 DOM 요소 내에 있는지 확인하기 위해 당신은 jQuery를 기능 $의 .contains을 사용할 수 있습니다 http://jsfiddle.net/jfvandekamp/9Dvrr/2/

Answer 1

에 내 실험을 참조하십시오.

당신의 예에 따라서

http://api.jquery.com/jQuery.contains/

, 당신은 클릭 된 메뉴 항목이 다른 UL 요소

이 포함되어 있는지 확인하십시오 것 $jQuery.contains($(this), '<ul>');

Answer 2

나는 접을 수있는 항목을 필터링 $.has()을 사용 . http://jsfiddle.net/9Dvrr/5/