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

탭메뉴 비슷한걸 만들었는데요.... 채택완료

쥬노 6년 전 조회 2,097

탭메뉴 비슷한걸 만들었는데요...

실행하면 위와같이 메뉴만 나오고 View1 View2 View3 View4 View5 메뉴중 하나를 선택해야지만

아래그림처럼 메뉴에 해당하는 내용이 나오는데요

처음에는 아무것도 안나왔다가 메뉴를 클릭하면 나오는걸 수정하고 싶습니다.

 

처음부터 View1의 내용이 보이게 또는 다른 View2, View3등의 특정 내용이 나오게 하고 싶은데...

도저희 모르겠습니다.

고수님들의 조언 부탁드립니다.

=========================

  team section    

 
       

 

   

        tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1tab1    

 

 

   

        tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2    

 

 

   

        tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3tab3    

 

 

   

        tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4tab4    

 

 

   

        tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5tab5    

 

================================

.team-section{     overflow:hidden;     text-align:center; }

.team-section h1{     text-transform: uppercase;     margin-bottom: 60px;     color: white;     font-size: 40px; }

.ps a{     padding: 10px;     display: inline-block;     overflow: hidden; }

.section{     width: 100%;     margin: auto;     font-size: 20px;     color: #333;     text-align: justify;     height: 0;     overflow: hidden; }

.section:target{     height:auto; } ======================

 

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

답변 1개

채택된 답변
+20 포인트

구글에서 메뉴 제이쿼리 검색하셔서 원하시는 소스 그대로 사용하시면될듯하네요

 

 

로그인 후 평가할 수 있습니다

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

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

로그인