아코디언메뉴 제이쿼리 효과 질문 드립니다.;;
겨슬
안녕하세요 ^^
여기 하코사에서 도움 받은 아코디언 메뉴를 잘 사용 중인데요
다른 페이지로 링크시에..
아코디언메뉴가 안 접히게..
해당 메뉴를 클릭했으면, 그 메뉴가 계속 펼쳐져 있게 (해당 메뉴의 링크를 가도...)
하고 싶은데 어떻게 block 처리를 해야하는지.. 잘 모르겠습니다;;
^^;;
#accordian {
font-weight:bold;
width:190px;
margin: 0px 0px 0px 70px;
color: white;
position:absolute;
height:100%;
}
/* 메뉴 스타일 */
#accordian h3 {
line-height: 18px;
padding: 25px 0px 0px 0px;
cursor: pointer;
}
/* 아이콘폰트 스타일 */
#accordian h3 span {
font-size: 19px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
}
#accordian li {
list-style-type: none;
}
/* 서브메뉴 스타일 */
#accordian ul ul li a {
color: white;
text-decoration: none;
font-size: 16px;
line-height: 30px;
display: block;
padding: 5px 0px 0px 0px ;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-o-transition: all 0.15s;
-ms-transition: all 0.15s;
transition: all 0.15s;
}
/*#accordian ul ul li a:hover {
background: #ffdfe4;
border-left: 5px solid #ffb4c0;
} */
/* active 클래스 외에 것은 보이지 않게 하기 */
#accordian ul ul {
display: none;
}
#accordian li.active ul {
display: block;
}
-
동생몬
좀 더 진보적인 방법을 쪽지로 보내 드렸습니다.
-
죄암죄암
웹표범님 쪽찌 보내드렸는데요..
감히.. 도움 요청 해봅니다 ㅠㅠ -
멈짓체
아 그렇군요 !!
답변 감사합니다 ㅠ
수정해야할게 몇개 있군요 어려운 작업인거 같아 보여요 ㅠㅠ
저는 JS 긁어다가 쓰는 정도 라서요ㅋ 감사합니다 ^^ -
비사벌
1.
페이지가 바뀌면서 다시 초기세팅으로 돌아가기때문에 현재 펼쳐져 있는 녀석이 누군지를 다음페이지로 갈때 알려줘야하는데요, 이게 프론트단의 영역이 아닙니다. php같은걸 공부하셔야 겠죠.
2.
html 수정, jquery수정으로 구현 가능합니다.
각 페이지마다 펼쳐져야할 녀석에게 on 혹은 now라는 클래스 이름을 정의해 줍니다. 이 클래스에 대한 펼쳐짐 동작을 jquery에서 정의해놔야겠죠.