jQuery 표시/숨기기 기능이 깨졌습니다. ul

Question

끝날 때 콘텐츠가 포함될 div를 숨기려고합니다. jsFiddle 파일을 가지고 있고 코딩의 일부가 완료되지 않았습니다. 아이디어를 얻기 위해 매우 빨리 작성했습니다.

http://jsfiddle.net/vCZC7/

은 내가 UL 인증이 제대로 만들어지지 않을 만들고 있다고 생각합니다.

Answer 1

귀하의 피들에있는 html이 유효하지 않습니다. 동일한 id 속성을 여러 요소에 할당해서는 안됩니다. $("#slidingDiv").hide();과 같은 것을 시도하면 id가 숨겨져있는 첫 번째 (대부분의 브라우저에서) 요소 만 선택됩니다.

또한 ".show_hide" 클래스 선택기를 사용하고 있지만 해당 요소가없는 클래스는 없습니다.

클릭 핸들러 내에 $(this).next("#slidingDiv").slideToggle();이 있지만 제공된메소드는 제공된 ID가있는 다음 요소를 찾지 않으며 해당 요소에 제공된 ID가 있으면 바로 다음 요소 만 선택합니다.

또한 jsfiddle를 잘못 사용했습니다. 자바 스크립트 창 내에서 <script> 태그가 아닌 JavaScript 코드를 사용해야합니다. <script> 태그를 제거하고 왼쪽의 패널에서 필요한 라이브러리를 선택해야합니다 (예 : http://jsfiddle.net/vCZC7/1/).

필요한 동작에 대한 설명이 다소 있습니다. (참고 : 최신 jQuery를 사용하도록 업데이트되었습니다. 가장 간단한 것은 버전 1.4에 도입 된 .index() 메소드 구문을 사용하는 것으로 보였으므로, 다음과 같이 나타냅니다. 1.3.2 포함).