jquery 이미지 탭 전환 효과_jquery-JS 튜토리얼-php.cn

复aze代码 代码如下: body { 여백: 10px auto; 너비: 570px; 글꼴: 75%/120% Arial, Helvetica, sans-serif; } .accordion { 너비: 480px; 테두리 하단: 단색 1px #c4c4c4; } .accordion h3 { 배경: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px; 패딩: 7px 15px; 여백: 0; 글꼴: 굵은 120%/100% Arial, Helvetica, sans-serif; 테두리: 단색 1px #c4c4c4; 경계 하단: 없음; 커서: 포인터; } .accordion h3:hover { 배경색: #e3e2e2; } .accordion h3.active { 배경 위치: 오른쪽 5px; } .accordion p { 배경: #f7f7f7; 여백: 0; 패딩: 10px 15px 20px; 테두리 왼쪽: 단색 1px #c4c4c4; 테두리 오른쪽: 단색 1px #c4c4c4; } --> 질문 1번 샘플 텍스트 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi Malesuada, ante at feugiattincidunt, enim Massa gravida metus, commodo lacinia Massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

두 번째 질문입니다 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi Malesuada, ante at feugiattincidunt, enim Massa gravida metus, commodo lacinia Massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

또 다른 질문이 있습니다 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi Malesuada, ante at feugiattincidunt, enim Massa gravida metus, commodo lacinia Massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

샘플 제목 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi Malesuada, ante at feugiattincidunt, enim Massa gravida metus, commodo lacinia Massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

샘플 질문 제목 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi Malesuada, ante at feugiattincidunt, enim Massa gravida metus, commodo lacinia Massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

// $(function(){ /* $('.accordion h3').click(함수( ){ $('.accordion p').hide(); $(this).next().show() });*/ var Q = { h3: $('.accordion h3'), p: $('.accordion p'), qiehuan: 함수(){ this.h3.click(함수(){ Q.p.hide(); $(this).next().show(); } }; }); // ]]>