이런 생각을 해보앗어요
본문
쓰기페이지 항목이 많고,,,필드가 수백개라...유유
이걸 다시 설계한다는 것은 무리고,,너무 벌려져 있어서요...
쓰기 들어가면 너무 산만한데
그래서,,,수정버튼 누르면 바로
상단에 스티키 메뉴외에 주변은 dimmed 되게 하였습니다.
<div id="navbar">
<a class="current" href="#section-1">01.메뉴</a>
<a href="#section-2">02.메뉴</a>
<a href="#section-3">03.매뉴</a>
<a href="#section-4">04.메뉴</a>
<a href="#section-5">05.메뉴</a>
</div>
<br>
<div class="dimmed" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; opacity: 0.5; background-color: rgb(0, 0, 0); "></div>
이렇게요 이 스티키 메뉴외에는 주변이 dimmed 잘 됩니다.
그런데 이제 <a class="current" href="#section-1">01.메뉴</a> 이 메뉴들을 누르면
dimmed가 사라지게 해야 하는데
고수님 도움이 절실합니다.
좋은 주말되시길~
답변 2
$('. current ').click(function(){
$('. dimmed').css('display', 'none');
});
or
<a class="current" href="#section-1">01.메뉴</a> -> <a class="current" href="#section-1" id="1">01.메뉴</a>
$('#1').click(function(){
$('. dimmed').css('display', 'none');
});
원하는대로 깔금하게 잘됩니다. 감사드려요~
좋은정보 잘 보고 갑니다. ^^