페이지의 다른 컬렉션에 있는 동일한 요소의 색인을 얻는 방법

Question

동일한 요소 버튼에 클릭 이벤트를 추가하고 아래에서 해당 UL 태그를 각각 표시하고 숨기는 방법!

Answer 1

네이티브 js를 사용하면 명시적 및 암시적 함수를 구성한 다음 각 btn으로 이동할 수 있습니다. 명시적 및 암시적 기능은 CSS3의 전환을 통해 ul의 높이를 변경하거나 표시 및 불투명도를 변경할 수 있으며 구체적인 내용은 실제 상황에 따라 결정되어야 합니다. 더 간단하게 만들기 위해 jQuery에서 페이드와 슬라이드를 사용할 수 있습니다.

Answer 2

이것은 XY 문제입니다

목적은 요소 인덱스를 얻는 것이 아니라 유사한 이벤트 처리를 유사한 요소에 바인딩하는 것입니다

이벤트를 바인딩하기 위해 모든 버튼에 특수 클래스를 추가하세요

으아악

이러한 요소를 선택하고 클래스를 통해 바인딩하세요

으아악

Answer 3

각 버튼에 동일한 class="btn bt1" class="btn bt2" class="btn bt3"을 추가하세요

$('.btn').click(function(){
$(".btunder").hide();

으아악

})