자바스크립트 다시한번 여쭤볼게요..,,
본문
자바 스크립트 관련하여 여기저기 혼자 찾아보려해도 도저히 찾기가 힘들어서
다시한번 도움요청드릴게요..!
설명을 위하여 사진을 첨부하였지만 사진과 무관한점 다시한번 양해부탁드릴게요
1) 메뉴를 클릭전에 아래와 같은 초기모양에서
2) 메뉴를 클릭하면 서브메뉴가 나오면서 다음과 같이 모양이 바뀌는데요..!
서브메뉴가 나오는데용
여기서 메뉴외에 다른곳을 클릭하면 다시 1)번사진처럼 돌아오게하는
자바스크립트를 하려면 어떻게 해야할까요..!
단순시 클릭하면 모양이 바뀌고 다른곳을 클릭시 다시 초기화면으로 변경되게하고싶어요..!
아무리찾아봐도 방법이 없어 이렇게 부탁드릴게요.,!
답변 2
<div class="menu">div1</div>
<div class="menu">div2</div>
<script>
$("div.menu").click(function() {
$(this).siblings().css("background", "white");
$(this).css("background", "green");
});
</script>
대강 이런 구성이면 되지 않을까요?
저는 보이지 않는 마스크를 전체 화면에 씌우고 해당 메뉴를 를 제외한 마스크가 클릭 되었을시 메뉴가 초기로 돌아 가는 방법을 사용 했습니다. 뭐 비슷한 방법으로 하시면 될것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.