jQuery : 자세히/적은 슬라이드 토글?

Question

나는 더 적은 링크를 읽었을 때 링크를 읽었을 때 더 적은 링크를 읽었을 때 간단한 슬라이드를 토글했다.

정확하게는 this과 비슷하지만 그 것처럼 보이기보다는 아래로 내려야합니다.

단어 나 상자의 높이에 관계없이 초기 높이를 설정해야합니다.

아이디어는 매우 간단합니까? 없이 : (블록/숨겨진 디스플레이) 도움 :

Answer 1

에 대한

감사는 모양 @here http://www.w3schools.com/jquery/eff_slidetoggle.asp

Answer 2

방금 ​​표시하거나 요소를 숨 깁니다 사용 토글() 함수를 언급 한 예제를 타고 어떤 효과.

같은 효과가 있지만 슬라이딩 효과가있는 slideToggle() 함수를 사용해야합니다.

$("button").click(function(){ 
    $("p").slideToggle(); 
}); 

Answer 3

당신이 사용하는 그래서 대신) (

을 (.slide하는 jQuery의 기능 내장을 사용) 또는 애니메이션 수 :

$('#someElement').html('some content'); 

이

$('#someElement').html('some content').slideDown(some speed ie 600); 

하면 좋겠 시도 먼저 컨텐츠 영역을 감추 (즉, 표시 : 없음)해야합니다. 어쩌면 id/class를 가진 div의 내용을 감싸고 표시하도록 설정할 수 있습니다 : none

Answer 4

늦어도 그렇지만이 플러그인은 매우 유용합니다. 좋은 옵션의 톤 그것은 간단하면서도 효과적

http://plugins.learningjquery.com/expander/

Answer 5

매우 유연를 가지고 있습니다.