지도에 "검색 결과창" 레이어 보이기 숨기기 하기
본문
https://developers.google.com/maps/documentation/javascript/examples/place-search-pagination
위 URL을 클릭하면 지도 오른쪽에 "RESULT"창 레이어가 있죠.
위 예제는 그 레이어를 감추기나 오른쪽으로 밀어넣기 같은게 안됩니다.
전체 지도를 보고 싶을때 RESULT창을 숨기거나 밀어넣기 하고 작은 보이기 버튼을 넣고
보이기 버튼을 클릭하면 숨어있던 RESULT창이 다시 나오게 하고 싶습니다.
이에 맞는 JQUERY 예제가 있으면 URL 알려주시면 감사하겠습니다.
고갱님의 요청으로 저 작업을 해야 해서 찾는 중입니다.
모두들 즐거운 크리스마스 보내시고 연말연시 보내시기 바라겠습니다. ^^
읽어 주셔서 고맙습니다.
답변 1
$(function() {
$("#sh").on("click", function() {
var px = $(this).hasClass("show") ? "-=180px" : "5px";
var cls = $(this).hasClass("show") ? "hide" : "show";
$("#right-panel").animate({
right : px
}, 700, function() {
$("#sh").attr("class", cls);
});
});
});
http://nyaongii.dothome.co.kr/temp/wrid_102617.html
right로 숨기게 하려면 overflow가 되어서 스크롤이 생깁니다.
body 부분에 hidden을 넣으셔야 할 것 같네요.
참고로 예제로 든 링크에 있는 코드 그대로 쓴 겁니다.
우와~~
이해를 돕기 위해 이렇게까지 밥상을 차려서 떠 먹여 주시다니 정말 감사합니다.
그리고 그 정성과 노력이 정말 대단하십니다.
저도 답변할때 이런 실력과 정성이 있다면 다른분들이 좋아하실텐데요.
아주 좋은 훌륭한 멋진 제가 찾는 딱 맞는 답변입니다.
이거 찾고 테스트 하느라 헤맸답니다.
복받으실거에요.
답변을 작성하시기 전에 로그인 해주세요.
