2010-08-12 86 views
0

我想在我的網頁中顯示幾個演出時間和其下的電影列表。表中的滑動面板

顯示器會是這樣 -

展會時間下午6:30

Movie 1 
    Movie 2 
    Movie 3 

展會時間下午9:30

Movie 1 
    Movie 2 
    Movie 3 

我想以這樣的方式來顯示它,當我點擊在「顯示時間晚上6點30分」時,它將顯示該節目下的電影,並且不會在「顯示時間9.30下午」顯示任何內容。現在當我點擊「顯示時間9.30 PM」時,「顯示時間6.30 PM」內的所有內容應該縮小,並且電影列表應該在「顯示時間9.30 PM」中可用 。

我需要一些關於如何做到這一點的想法,是否可以使用滑動面板來實現,或者是否有任何其他控制。 注 - 對於放映時間和電影的詳細信息,我有一個集合,我將其綁定到重新調整控件。

我在尋找的是一個浮動在表格每一行周圍的單滑動面板,所以如果單擊第1行,面板將顯示其下的顯示時間,當單擊第2行時,行1中的數據爲收縮並且面板浮動以顯示第2行下的電影。

請在這裏提供一些信息。謝謝。

問候

維奈

回答

0

你認爲怎麼樣使用jQuery UI Accordion?這是快速和容易實施,並會盡你所需。