테스트 사이트 - 개발 중인 베타 버전입니다

버튼 클릭 시 클래스에 따라 show, hide 를 실행하고 싶습니다. 채택완료

arkk 4년 전 조회 3,468

버튼 클릭 시 클래스에 따라 show, hide 를 실행하고 싶습니다.

 

현재는 토글을 이용하여 버튼을 눌리면 열고 닫히고를 하는데

 

     

 

function showOrHide(menu){      $("."+menu+"").toggle();  }

 

버튼이 5개있다면 5개 클래스를 따로 둬서 해당 버튼에 맞는 항목만 show 하고

 

나머지 항목은 hide를 시키고 버튼별로 작동하도록 하고 싶습니다..

 

토글을 사용하니 하나의 버튼을 눌리고 다른 버튼을 눌렀을 때 2개 클래스에 대해서 보여져서

 

혹시 자바스크립트를 이용하여 show, hide를 할 수 있을 지 문의드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
4년 전

function showOrHide(menu){   $(".menulink1").hide();   $(".menulink2").hide();   $(".menulink3").hide();   $(".menulink4").hide();   $(".menulink5").hide();      $("."+menu).show(); }

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이렇게 처리하셔도 간단합니다.

버튼1

버튼1

버튼1

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

4년 전

마르스님에 하나더 추가하면 1~5번은 한 클래스로해서 한번 hide 하시면 소스를 약간 줄일수 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

세크티
4년 전

     

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인