2011-04-12 4 views
0

Javascipt와 CSS로 아코디언 상자를 만들고 싶습니다. 확장 된 섹션에는 클릭 할 때 이미 확장 된이 섹션이 수직 스크롤 막대없이 으로 확장되도록하는 링크가 포함되어야합니다.. 가능한가? 감사합니다확장 가능한 섹션이있는 아코디언

+0

특정 프레임 워크를 사용하고 있습니까? 대답은 '예'입니다. – kjy112

+0

나는 코다를 사용하고있다. – Anto

답변

1

뭔가, 아마?

http://jsfiddle.net/Jaybles/2PSME/

당신은 기본적으로 기존의 아코디언을하고 확장 할 콘텐츠 영역이 개 된 div를 배치 할 수 있습니다. 하나는 추가 정보 (초기에는 숨김)를 보유하고 다른 하나는 "여기를 클릭하여 더 자세히"라고 말합니다. 해당 div를 클릭하면 사라지고 more info div가 표시됩니다. 슬라이딩 애니메이션으로이를 수행하면 원하는 효과를 얻을 수 있습니다.

0

물론 가능합니다. 더 빨리 일을 처리하려면 거기에 사용할 수있는 많은 리소스가 있어야합니다.

http://jquery.com/에서 살펴보고 있으며, Flowplayer의 데모를 보면, 그들은 실제로 꽤 인상적이다 :이 같은 http://flowplayer.org/tools/demos/tabs/accordion.html

+0

나는 scrollbars의 필요없이 원래 확장 가능한 영역보다 더 확장 될 수있는 아코디언의 섹션을 갖고 싶다 ... – Anto