내 페이지에 div가 표시되고 다른 것을 숨기는 텍스트 영역이 필요합니다 (다른 8 개의 div로 가정). 클릭하면 선택한 div가 표시되고 현재 div & 다른 div가 숨기를 바랍니다. 이 간단한 해결책이 있습니까? 빌드 가능 : show current clicked div hide previous clicked div?jQuery div를 클릭하면 다른 사람들이 보이지 않게합니다.
답변
다음은 함께 묶는 방법을 사용하는 간단한 해결책입니다.
액티브 버튼의 id
같은 class
를 가질 수있다 ($ (". 클래스 명"을 사용 ))
jsFiddle example (("입력")를 $를 사용 )
$("input").click(function()
{
$("#" + $(this).attr("class")).show().siblings('div').hide();
});
jsFiddle example 영향을받는 div 또는 별도의 "toggler"클래스를 사용할 수 있습니다.
중요한 부분은 클릭 한 요소의 고유 한 기능을 사용하여 토글 된 요소의 고유 한 기능에 매핑하는 것입니다.
마지막으로 토글 divs
이 형제가 아닌 경우 var divs = $("#blah1, #blah2, #blah3, ...");
을 사용하여 모두 선택기를 설정하고 .not()
을 사용하여 토글 할 수 있습니다. 페이지의 다른 영역 (리튬 A)를 클릭하면 내가/숨기기를 보여주기 위해이 된 div 싶습니다 - 비 형제 자매 내가 왼쪽으로 .not()
잘 돌아갔습니다. a.class가 다른 이벤트에 사용 되었기 때문에 .not() 예제를 사용하고 img를 선택자로 사용했습니다. 감사! – ShawnB
@ShawnB - 듣기 좋네. 문제를 해결하는 답변 (투표 아래의 체크 표시)을 수락하고 유용하다고 생각되는 투표 답변을 잊지 마십시오. –
어때? 하나를 클릭하여 다른 사람이 숨겨져되면 물론
$(document).ready(function(){
$('div.some_class').click(function(){ // set of divs to be clickable
$(this).siblings('div').hide(); // it's already showing, right?
});
});
는, 당신은 DOM 구조에 따라 다시 데려의 방법 ...
이없는 것입니다. 저는 개인적으로 전체 그룹에 쉽게 접근 할 수있는 수업을 제공 할 것입니다. $('.div-group').hide(0, function(){$('#my-div').show();});
필요한 기능에 대한 답변 일 수있는 jQuery UI Accordion을 사용해보십시오.
- 1. 안드로이드는 TextView에서 텍스트의 일부를 보이지 않게합니다.
- 2. 클릭하면 슬라이딩 효과가있는 div를 이동 하시겠습니까? jQuery
- 3. div를 클릭하면 포커스가 버튼으로 이동합니다.
- 4. vb.net에서 썸네일 도구 모음 (windowsAPICodePack, windows 7) 단추를 보이지 않게합니다.
- 5. jQuery - 클래스를 기반으로 다른 div를 표시하고 숨김
- 6. div를 클릭하면 jQuery가 업데이트됩니다. 입력 필드 문제
- 7. 클릭하면 jQuery fadeIn fadeOut
- 8. jquery 다른 div를 숨김으로써 DIV에 토글()
- 9. Jquery div를 다른 div와 같은 위치로 움직입니다.
- 10. div를 다른 페이지로 보내기
- 11. 불법적으로 배치 된 <form>은 AJAX를 통해 제공되는 경우에만 표 행을 보이지 않게합니다.
- 12. jQuery 플롯이 보이지 않음
- 13. div를 클릭하면 PHP 페이지를 호출하고 싶습니까?
- 14. 클릭하면 jQuery가 div를 표시하지만 깜박 거리고 사라집니다.
- 15. 클릭하면 해당 클래스 (카테고리)를 기준으로 div를 표시하거나 숨기려면 jquery 플러그인이 있습니까
- 16. jquery 플러그인을 마스크로 div를 추가하려면
- 17. JQuery : 다른 모든 div를 제거하고 $ (this)를 왼쪽 상단으로 이동하십시오.
- 18. JQuery div를 하루 기준으로 div를 숨기기
- 19. div를 열면 다른 div를 모두 닫을 수 있습니까?
- 20. 다른 div를 감싸는 div를 금지 하시겠습니까?
- 21. jQuery div를 추가해야합니다
- 22. jQuery div를 그림으로 내보내기
- 23. 간격을두고 div를 움직입니다. - jQuery
- 24. jquery animate 후에 보이지 않는 div 표시하기
- 25. 클릭하면 Jquery repeat div가 복제되지 않습니다
- 26. 클릭하면 링크 색상을 어떻게 변경합니까? 다른 링크를 클릭하면 다시 변경됩니까?
- 27. 외부에서 클릭하면 DIV를 숨기려면 jQuery를 사용하지만 이벤트 전파는 허용하십시오
- 28. CheckeListBox는 레이어 (체크리스트 박스 항목)가 선택 취소되었을 때 라벨을 보이지 않게합니다.
- 29. jQuery - 오버레이에서 DIV를 배치하려면 어떻게해야합니까?
- 30. 표시기로 div를 숨기고 표시하는 jQuery
뭔가를 사용
divs
를 전환의jsFiddle example. – ShawnB
내 솔루션에서'divs '를 토글하기 위해'input' 버튼을 사용했습니다. 그게 무슨 뜻입니까? –