jQuery中的選定狀態Accordian

我只是在其基本形式中使用jQuery手風琴。在我看來，我不能在這件事上找到選定的班級。基本上，我只是想做一些CSS，如：jQuery中的選定狀態Accordian

#accordion h2 a.selected { 
color: #000; 
}

這樣在選擇或活動的一個項目，該標題鏈接保持黑色

我知道這個死簡單，我已經做到了其他的東西，我只是在這部手風琴的文檔中迷失了一些。這是不同的課程嗎？這是我需要首先添加的東西嗎？

$(document).ready(function() { 
    $("#accordion").accordion({ 
    autoHeight: false, 
    navigation: true, 
    header: 'h2' 
    }); 
});

謝謝。

2011-10-20 mishap_n

Chrome的Inspector節省了一天的時間！

下面是我找到的類：

ui-accordion-header ui-helper-reset ui-state-active ui-corner-top

我想這應該這樣做：

.ui-state-active a { 
    ... 
}

2011-10-20 00:37:08 Blender

是的！謝謝。男人，那件事需要列出其中的每一類。或者是一個名爲「well .... duh」的部分。我會一直在那裏。哈哈。再次感謝。 –

我剛剛搜索了這個Jquery UI示例並檢查了手風琴的事情。如果你有Firefox，Firebug可以做同樣的事情。這DOM檢查器魔法是非常有用的東西！ – Blender

試試下面的CSS

.ui-state-active a { color: #000;}

如果沒有工作，儘量讓它更具體。

2011-10-20 00:38:05

我的猜測是您不僅使用this jQuery accordion，而且還使用jQuery UI主題之一... like this one。

如果我們看一看線350，我們會看到這條規則被設置CSS color屬性：

.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { 
    color: #212121/*{fcActive}*/; 
    text-decoration: none; 
}

因此，讓我們做一些數學和calculate that selector's specificity：

...所以你的新規則必須比0,0,5,3更具體。簡單的方法是：添加一個ID選擇器：

#accordion .ui-state-active a { /* 0, 1, 1, 1 > 0, 0, 5, 3 */ }

2011-10-20 00:54:48

回答