Title 부분
왼쪽 어코디언 아이템과 우측 이미지를 attribute data-img로 연동
attribute data-img=”img1″, data-img=”img2″ 이런식으로 서로 연동
attribute 는 양쪽 다 주면 됨
Accordion 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Accordion 2
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Accordion 3
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Title 부분
어코디언 말고 박스, 버튼, 텍스트 등 다양하게 적용 가능함
left 아이콘에 클릭하면 active 클래스 추가하니까 다양하게 효과 적용 가능함
왼쪽 아이템과 우측 이미지를 attribute data-img로 연동
attribute data-img=”img1″, data-img=”img2″ 이런식으로 서로 연동
attribute 는 양쪽 다 주면 됨
내용 들어가는 부분
내용 들어가는 부분
내용 들어가는 부분
내용 들어가는 부분
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다. 내용 들어가는 부분입니다.
내용 들어가는 부분입니다. 내용 들어가는 부분입니다.