테스트 사이트 - 개발 중인 베타 버전입니다

jquery tab 질문입니다.

지굴 10년 전 조회 5,453

안녕하세요. 아래의 제이쿼리 탭을 쓰려고 합니다.  

 

접었다 폈다 할 수 있는 탭 형태인데요.

 

기본값이 내용이 펼쳐져 있는데요, 기본값을 내용이 접혀있도록 하려면 어떻게 해야 하나요?

 

남은 연휴 잘 보내시길 바래요~

 

https://jqueryui.com/tabs/#collapsible">https://jqueryui.com/tabs/#collapsible

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

w
10년 전
    style="display: block;">

    Click this tab again to close the content pane.

    내용1

    Click this tab again to close the content pane.

    내용2

    Click this tab again to close the content pane.

    내용3

    위 소스에서 빨간 부분을 보시면 가장 처음 내용일 경우 display:block;이 되어 있습니다.
    두번째, 세번째 파란 부분을 보시면 display:none으로 되어 있구요
    첫번째 내용부분을 display:none으로 하시면 됩니다.
    해당 플러그인 document를 보니
    $( ".selector" ).tabs({
      disabled: [ 0, 2 ]
    });
    위와 같은 기능도 있으니 참고해보세요~
    로그인 후 평가할 수 있습니다

    답변에 대한 댓글 1개

    지굴
    10년 전
    active: false 로 세팅하니 해결됐네요. 답변해주셔서 감사합니다.

    댓글을 작성하려면 로그인이 필요합니다.

    답변을 작성하려면 로그인이 필요합니다.

    로그인