2013-04-29 123 views
1

我有自舉手風琴問題(http://twitter.github.io/bootstrap/javascript.html#collapse問題與引導手風琴:隱藏可摺疊組項目

首先是一個問題的jsfiddle:http://jsfiddle.net/v6qPJ/7/

可摺疊組項目工作正常。 接下來,我有隱藏和顯示可摺疊組項目的代碼。它也可以工作,但如果用戶執行此步驟會出現問題(所有代碼示例均來自jsfiddle,我已將代碼縮小到最小值,因此不要搜索任何邏輯):

1)活動組項目被隱藏。

$(".accordion-group").first().hide(); 

2)第二組項目(可見)由用戶打開。

3)以前隱藏組項目顯示

$(".accordion-group").first().show(); 

4)用戶無法打開第一組項目...

如果當我們把它隱藏第一組項目是摺疊, 沒有問題。所以我認爲這個問題來自於引導管理團隊如何顯示一個問題。

我發現這個類似的問題:https://github.com/twitter/bootstrap/issues/6081,但解決方案適用於只是一個可摺疊的DIV,而不是整個手風琴......

我用的是2.3版本的引導。

謝謝。

+0

爲什麼你有一個隱藏和顯示按鈕時,用戶可以直接點擊手風琴標題的鏈接上,第一,第二和例如第三個例子 – Richlewis 2013-04-29 13:12:59

+0

原因不一樣: 用戶可以顯示或隱藏主體,但是當另一個事件完成時,整個組被隱藏。 – Getz 2013-04-29 13:14:39

+0

相同麼?你有什麼隱藏和顯示按鈕獲得? – Richlewis 2013-04-29 13:15:24

回答

1

您需要使用手風琴的引導方法來隱藏和顯示它們。

的引導文件說:

.collapse('show') 

顯示一個可摺疊元素。

.collapse('hide') 

隱藏了一個可摺疊的元素

見小提琴這裏:http://jsfiddle.net/GUZgY/

+0

感謝您的回答。我曾經想過這個解決方案,但沒有用這個選擇器(用「.collapse」代替)。你的解決方案几乎可以在小提琴上工作,但不是真的在我的真實代碼中。你的小提琴,你使用手風琴組作爲可摺疊的元素,但它不是也不必是可摺疊的元素,這個元素必須是隱藏的,但不能摺疊,我已經在小提琴中添加了邊框,所以也許你可以明白了嗎。它有點難以解釋:http://jsfiddle.net/GUZgY/1/ – Getz 2013-04-29 15:21:59

+0

我真的不明白你在做什麼,你可能會向我展示一個更接近真實代碼的例子嗎?在我的例子中,你可以隱藏手風琴,如果你再次展示它,它將仍然是開放的,除非你打開另一個,這是不是你想要的行爲? – 2013-04-29 20:16:22