특정 태그 제외
2017. 6. 14. 16:00ㆍProgramming/JavaScript
반응형
간략하게 설명하자면, 클릭하였을 때 메뉴들이 보여지고 사라지는 스크립트다.
그러나 다른 곳을 클릭하였을 때, 사라지지 않고 새로운 메뉴가 또 다시 열린다.
$("#one").click(function() { $("#service1").toggle(); $("#service2").hide(); //클릭할 수 있는 곳이 많아지면 이부분이 늘어겠다. }); $("#two").click(function() { $("#service2").toggle(); $("#service1").hide(); }); |
$("#one").click(function() { $("#service1").toggle(); $(".menu").not("#service1").hide(); //menu class의 service1 id를 제외하고 모두 숨겨라. }); $("#two").click(function() { $("#service2").toggle(); $(".menu").not("#service2").hide(); //menu class의 service2 id를 제외하고 모두 숨겨라. }); |
참고로 toggl()e은 hide() 와 show()를 클릭할때마다 자동으로 변화하는 함수이다.
반응형
'Programming > JavaScript' 카테고리의 다른 글
[ERROR] jqplot 차트 이미지 출력 문제점 (0) | 2017.12.07 |
---|---|
브라우저 창 크기에 따른 변화 (0) | 2017.08.08 |
javascript 에서 replaceAll (0) | 2015.10.23 |