아코디언? 펼침? 메뉴에 관해서 (js/jquery) 채택완료
if ($(window).width() <= 768) {$(".accordion dt").click(function() { $(this).parent().find("dd").slideToggle("slow"); }); }
위와 같은 간단한 코드를 이용하여 푸터의 몇몇 메뉴들을
반응형으로 제작,
768px이하에서 메뉴를 접거나 펼치게 할 수 있도록 만들었습니다.
그런데....
예를들면
Work
- list1
- list1
- list3
위와 같은 메뉴가 있을 때,
768px이하에서 Work의 하위메뉴들을 접어서 숨기게 되는데,
문제는
Work에도 Work페이지로 이동하는 a링크가 있어야 한다는 것이지요.
여러가지로 생각을 해 봤는데,
첫번째 클릭에서는 펼침이 적용되고,
두번째 클릭에서 이동한다든가,
(무척 번거롭고 깔끔하지 못한 처리라는 생각이 들고,)
또는 Work페이지로 이동이라는 하위메뉴를 만든다든지
(이것 또한 불편하고 지저분해지고)
윈도우 사이즈를 늘렸다 줄였다 했을 때에
에러를 일으킨다든지... 문제가 많았는데...
좋은 해결 방법이 없을까요?
이런 상황에 여러분은 어떤 방식으로 처리하시겠습니껑 ㅠ ㅠ ...
답변 5개
답변에 대한 댓글 2개
nanati댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
work메뉴 옆에 이런 external link 아이콘과 링크를 넣는건 어떨까요?
답변에 대한 댓글 1개
nanati그것도 하나의 방법으로 생각해두고 있을게요 감사합니다 ^^
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
nanati그래서 아예 하나하나 닫지 말고 푸터 메뉴 자체를 닫을까도 고민입니다...
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
참고해서 좀 더 고민해 보겠습니다 ^^ 감사합니다~