1
A
답변
1
당신은 그것을 할 HTML5의 data-*
synatx를 사용할 수 있습니다
HTML :
<a class="link" data-link="first" href="#">link 1</a>
<a class="link" data-link="second" href="#">link 2</a>
<a class="link" data-link="third" href="#">link 3</a>
<div class="linkdetails" data-link="first" >content 1</div>
<div class="linkdetails" data-link="second" >content 2</div>
<div class="linkdetails" data-link="third" >content 3</div>
자바 스크립트 :
$('.link').toggle(function() {
$('.linkdetails[data-link=' + $(this).data('link') + ']').animate({
width: '200px'
}, 300);
}, function() {
$('.linkdetails[data-link=' + $(this).data('link') +']').animate({
width: '0px'
}, 300);
});
+0
이것은 거의 내가했던 것과 거의 같습니다. 관련 내용을 바꾸기 만하면됩니다. 새 컨테이너 –
+0
이것을 사용하고 여기에서 문제를 해결했습니다. [JSfiddle] (http://jsfiddle.net/unbornink/LUKGt/) –
+0
@ChrisMead. 좋은데. 행운을 빕니다! – gdoron
관련 문제
- 1. 콘텐츠 컨테이너 겹침 메뉴?
- 2. 다른 콘텐츠 동일한 페이지
- 3. Facebook 스타일의 콘텐츠 컨테이너
- 4. 화면 크기에 맞는 콘텐츠 컨테이너?
- 5. 이미지와 다른 div가 서로 인접한 div 컨테이너
- 6. 똑똑한 - 동일한 템플릿 다른 콘텐츠
- 7. DOJO에서 div 컨테이너 만들기
- 8. Div 컨테이너 정리?
- 9. 내용의 컨테이너 div
- 10. 다른 div 컨테이너 주위에 div 컨테이너를 감싸는 방법 : auto;
- 11. 동적 DIV 컨테이너 높이
- 12. div jquery에 텍스트를 추가하기 전
- 13. div id를 변수 jQuery에 할당
- 14. jquery에 div 표시 및 숨기기
- 15. 다른 페이지에서 fancybox에 요청 된 div 열기
- 16. 컨테이너 div 안에있는 가운데에서 오프셋 된 두 개의 div div
- 17. 비 확장 컨테이너 div
- 18. div 컨테이너 선택
- 19. 플로팅 DIV 컨테이너
- 20. 전단지 : 동적 div 컨테이너
- 21. 스트레치 나의 컨테이너 div
- 22. Div 컨테이너 및로드 시간
- 23. 동일한 클래스에서 jQuery에 변수를 전달합니다.
- 24. 다른 컨테이너 내에서 동일한 요소 클래스의 jquery 인덱스를 가져옵니다.
- 25. div 콘텐츠 마진 밀고 용기
- 26. Outlook에서 Mime 콘텐츠 열기
- 27. .NET의 pfx 인증서 컨테이너 열기
- 28. Jquery - 동일한 컨테이너 클래스 div 내의 div를 선택 하시겠습니까?
- 29. div 콘텐츠 jquery 추가
- 30. 동적 ID를 사용하여 div 요소를 JQuery에 삽입
이 예제에서는 원하는 것을 자세히 설명해 주실 수 있습니까? – uday
링크 1을 클릭하면 내용 1이 컨테이너에로드되고 링크 2를 클릭하면 내용이 내용 2로 바뀝니다. 등등 –