묻고답하기
모바일에서 드랍다운 메뉴 만들기
2015.08.11 17:05
안녕하세요,
외주를 맡긴 홈페이지가 Xpress Engine으로 제작되었는데 그 관리를 맡게되었습니다. 현재 모바일 페이지가 셋업되어있지 않아 구성을 하려고 합니다. 모바일 메인페이지에 드랍다운 메뉴를 통한 네비게이션을 넣어달라는 부탁을 받았습니다.
관리페이지에서 다음과 같은 드랍다운을 발견하였습니다.
평소엔 접혀져있다가 클릭을 하면 아래로 펼쳐지며 하위 메뉴를 보여줍니다. 이 하위메뉴들을 통해 사이트 내의 다른 페이지들로 네비게이션 할 수 있도록 구성하려고 합니다.
이와 같은 드랍다운 메뉴를 제공되는 위젯들을 이용하여 만들 수 있나요?
- 가능하다면 어떤 위젯을 어떤 식으로 구성해야 하나요?
- 불가능하다면 이런 메뉴를 만들기 위한 가장 간단한 방법은 무엇일까요?
웹 개발에 약간의 경험이 있어 필요하다면 직접 코딩을 해서 만들 수도 있지만 Xpress Engine에 대해 전혀 지식이 없어 직접코딩을 하더라도 어디에서 어떻게 코드를 삽입하여야 하는지도 모르는 상태입니다.
답변에 미리 감사드립니다.
xe_official 레이아웃에서 언어설정창 띄우는 js가 유용할겁니다.
소스는
jQuery(function($){
// Language Select
$('.language>.toggle').click(function(){
$('.selectLang').toggle();
});
이런 형태인데 이걸 설명하면 toggle이라는 class명을 가진 버튼이나 A 테그를 클릭하면 selectLang이라는 클라스명을 가진 테그를 보였다가 사라지게 한다는 js 입니다. 먼저 selectLang을 안보이게 처리한 다음 이 js를 거는 형태지요.