열 버튼을 모바일 버튼에 접을 수 있습니다.

Question

2 열 페이지가 있으며 작은 화면에서 첫 번째 열이 작은 열로 바뀝니다. 버튼을 클릭하면 원본 첫 번째 열이 다시 나타납니다 (예 : Wordpress 에서처럼).

감사합니다.

Answer 1

당신은 중단 점 (하지 많은 코드를 추가하지 않고)의 버튼에 열을 줄일 수 없습니다,하지만 당신은 할 수 있습니다

• 가 class="column small-12 hide-for-medium"에 새 열을 추가하고 거기에 버튼을 넣어 ... 이렇게하면 열이 중간에서 숨겨집니다.
• 접을 수있는 열 (첫 번째 열)은 클래스 hide-for-small-only을 가지므로 작은 중단 점에 숨겨집니다. 이 열에 id을 추가하십시오.
• jQuery를 사용하면 버튼 클릭시 첫 번째 열 (ID가있는 열, slideToggle() from jQuery을 사용)을 숨기거나 표시하면됩니다.

희망이 도움이됩니다.