JQuery手風琴風格改變時打開

我想獲得一個jQuery手風琴改變角落取決於它是否是活動的，並且它是頂部，底部，還是夾在頂部和底部標題之間。JQuery手風琴風格改變時打開

我希望包含手風琴的盒子在上下無論如何都是圓形的。默認情況下，手風琴主題在已關閉的標題上也有圓角。

是否有可以決定以手風琴的是，當非活動狀態，所述頂部和底部之間，具有90度角，而底部將有圓角而失活的風格的方法，和90度的角，當活性？或者，這是一個更復雜的練習，用JavaScript來定製？

2012-03-21 Smittles

首先，我假設你指的是他們提供的東西[這裏]（http://jqueryui.com/demos/accordion/）？其次，你可以提供更多的例子，並不完全是圓的而不是圓的，在探索中迷路了 – SpYk3HH 2012-03-21 17:17:40

你應該看到jquery UI http://jqueryui.com/demos/accordion/爲此你將得到幫助。或者顯示你的代碼，以便我們可以看到你想要的。 – w3uiguru 2012-03-21 17:18:58

另外，如果你使用jQueryUI的手風琴，你可以在其選項中使用'change' func來根據需要調整角落（又名添加和刪除角落類） – SpYk3HH 2012-03-21 17:18:59

如何使用.addClass和.removeClass更改基於某些事件的手風琴標題div元素的CSS？點擊時活動會被指定？當它再次點擊以隱藏它時會失效？

您可以檢查.parent（）或.sibling（）元素，以確定它是否在其他手風琴頭div元素的下面/旁邊/下面？

來源

2012-03-21 17:20:14 RTulley

對，我認爲這是要走的路。我會實施，如果它運作良好，我會檢查答案。謝謝！ – Smittles 2012-03-21 18:13:23

如果你正在尋找一個只CSS的解決方案，也許這樣的事情會做你想要什麼：

.accordion { 
    border-radius: 10px; 
} 
.accordion [aria-expanded=false] { 
    border-radius: 10px; 
} 
.accordion [aria-expanded=true] { 
    border-radius: 0; 
} 
.accordion > [aria-expanded=false] + :last-child { 
    border-radius: 10px; 
} 
.accordion > [aria-expanded=true] + :last-child { 
    border-radius: 0; 
}

在地方.accordion，你應該把什麼選擇將匹配你的手風琴。請記住，這不適用於IE8及更早版本，但它應該適用於大多數其他瀏覽器。我實際上沒有嘗試過，所以我不完全確定它是否可以工作。

來源

2012-03-21 17:30:40

我還沒有看到在CSS中使用小於或加號符號。我將不得不閱讀新的方法。 – Smittles 2012-03-21 18:12:48

JQuery手風琴風格改變時打開

回答

相關問題