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

css질문 채택완료

ㅁㅇㅁㅇㅁㅇ 8년 전 조회 4,506

메인화면에서 왼쪽 오른쪽 버튼을 클릭하면

div가 교체되어 하위 콘텐츠들을 바뀌는 걸 원하는데요

찾아보니까 이미지파일이나 ui li가 바뀌는 건 있는데

제가 원하는 건 안보여서요;;

버튼 클릭시 div 교체 할 수 있나요?

//클릭시 단순히 display:none ->block 형태말고 에니메이션을 주고 싶습니다.

 

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

답변 5개

채택된 답변
+20 포인트
굿
8년 전

jquery toggle 쓰시면 됩니다.

http://api.jquery.com/toggle/">http://api.jquery.com/toggle/ 

$( "#clickme" ).click(function() {
// 내용 변경 위치 <- 이쪽에 코딩
$( "#book" ).toggle( "slow", function() {
// Animation complete. 다 보여주고 내용변경위치
});
});

 

 

 

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

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

유승용
8년 전

그런데 css로 해결하시려고 질문 올리신것 같은데...

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

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

 

 

       

  • 1
  •    

  • 2
  •    

  • 3
  •  

콘텐츠1

콘텐츠2

콘텐츠3

 

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

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

유승용
8년 전

css만으로는 도전은 안해봤는데 힘들거나 불가능해보이네요.

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

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

8년 전

ㅇㅅㅇ? display none block 으로 보통 처리 할텐데요 그리고 전환할때 jQuery animate 써서 페이드 효과 좀 주면 될꺼 같은데 어떤걸 원하시는건가~~ 

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

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

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

로그인