특정 태그 제외

2017. 6. 14. 16:00Programming/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()를 클릭할때마다 자동으로 변화하는 함수이다.

반응형