如何懸停類添加到jQuery的點擊（函數（）手風琴的div

這是打開的hh-content-entry的div上點擊一個非常簡單的手風琴，每個div都獨立於其它：如何懸停類添加到jQuery的點擊（函數（）手風琴的div

的jQuery：

$(".hh-content-entry").slideUp(); 
$(".hh-title-entry").click(function(){ 
$(this).next(".hh-content-entry").slideToggle("slow");

HTML：

<div class="hh-title-entry">Week One</div> 
<div class="hh-entry-content">Lorem ipsum dolor, consectetur adipiscing.</div> 

<div class="hh-title-entry">Week Two</div> 
<div class="hh-entry-content">Lorem ipsum dolor, consectetur adipiscing.</div> 

<div class="hh-title-entry">Week Three</div> 
<div class="hh-entry-content">Lorem ipsum dolor, consectetur adipiscing.</div>

提問：如何將添加一個「懸停」類的.hh-title-entry冠軍他們是不是傳統的a href鏈接，而通常的a:hover CSS不適用。

我不需要活動類;我可以在.hh-content-entry中這樣做，因爲每個div在打開之前都是隱藏的。但是.hh-title-entry divs的懸停類會很好，無論是開放還是關閉。

想法？

小提琴在JSFiddle

來源

2013-12-23 markratledge

爲什麼不.hh-title-entry：hover？ – vals

Argg ...那很簡單。將其添加爲答案，我會接受它。 .hh-title-entry：hover和.hh-title-entry之間的CSS區別是什麼？hover？ – markratledge

.class：懸停是類的懸停狀態。 .class a：hover是* a *的懸停狀態，它是類 – vals

:hover是完美的罰款對.hh-title-entry使用爲好。

http://www.w3schools.com/cssref/sel_hover.asp

從上面的鏈接：

的：懸停選擇器可以在所有的元素，不僅對鏈接一起使用。

來源

2013-12-23 20:44:08

的一個元素的後裔很容易，謝謝！我學到了東西。 – markratledge

如何懸停類添加到jQuery的點擊（函數（）手風琴的div

回答

相關問題