2010-08-12 2 views
0

내 웹 페이지에 쇼 시간대와 그 아래의 영화 목록을 표시하고 싶습니다.테이블의 슬라이딩 패널

표시는 다음과 같이 될 것이다 -

표시 시간 오후 6시 반

Movie 1 
    Movie 2 
    Movie 3 

표시 시간 오후 9시 반

Movie 1 
    Movie 2 
    Movie 3 

나는 그런 방법으로 그것을 표시 할 내가 클릭 때 "Show Time 6.30 PM"에서 그 쇼 아래에 영화를 보여줄 것이고 "Show Time 9.30 PM"아래에 아무 것도 표시하지 않을 것입니다. 이제 "Show Time 9.30 PM"을 클릭하면 "Show Time 6.30 PM"내의 모든 내용이 축소되고 영화 목록이 "Show Time 9.30 PM"에 이어야합니다.

이 작업을 수행하는 방법에 대한 아이디어가 필요합니다. 슬라이딩 패널을 사용하거나 다른 컨트롤이 필요합니다. 주 - 쇼 시간 및 영화 세부 사항에 대해서는 필자가 Repaeter 컨트롤에 바인딩하는 컬렉션이 있습니다.

내가 찾고있는 것은 테이블의 모든 행 주위에 떠있는 단일 슬라이딩 패널입니다. 행 1을 클릭하면 그 아래에 표시 시간이 표시됩니다. 행 2를 클릭하면 행 1의 데이터가 나타납니다. 수축되고 패널이 2 열 아래에 영화를 표시하기 위해 아래로 떠 있습니다.

여기에 대한 정보를 제공해주세요. 감사.

감사

인 Vinay

답변

0

당신이 jQuery UI Accordion를 사용하는 방법에 대해 어떻게 생각하십니까? 빠르고 쉽게 구현할 수 있으며 필요한 모든 것을 처리 할 것입니다.

관련 문제