채택완료

글씨 클릭후 클래스적용 색깔변화

fdad5effb6f4a1a4d1e0db1990a706e6_1471081434_4363.png

그누 모바일 메뉴처럼  

글씨 클릭하면 스타일을 변화시키고 싶은데요  

gnb_sl이 원래는 없다가  

해당 메뉴를 클릭을 하고 나서 자동으로 생기는데  

어덯게 해야 그렇게 적용이 되는걸까요?

첨부터 넣으면 당연 첨부터 글씨색깔이. 진해지니 원치 않고

그 메뉴를 클릭하고 나면  

해당메뉴만 글씨색깔이 변화하는걸 원하는데요  

css코드로 호버시는가능한데

저렇게 클릭후 자동으로 생겼다없어졌다 하는건 어떻게 하는지 모르겠어용

도움좀 부탁드릴게요~ 

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2016-08-13 (토) 19:20:36
Copy
<script>$(".gnb_menu li a").click(function() {	$(".gnb_menu li a").removeClass("gnb_sl");	$(this).addClass("gnb_sl");});</script>

답변에 대한 댓글 1개

답변 감사합니다 근데 안되네요 ㅜㅜ 클래스 똑같이 적용해서 넣었는데도 ㅜㅜ
Copy
<script>$(document).ready(function() {   $(".gnb_menu li a").click(function() {       $(this).addClass("gnb_sl");    });});</script>

이렇게 한번 해보세요. 

답변에 대한 댓글 1개

클래스를 직접 넣으면 진해지는데 자동으로는 안되네요 ㅜㅜ
알려주신 제이쿼리 코드들이 맞는것 같은데 혹시라도 다른 방법은 없는걸까요?-.-

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