Question

这是一个非常简单的手风琴，可以在点击时打开hh-content-entry div，每个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 div的悬停类很好，无论是开放还是关闭。

想法？

小提琴JSFiddle

Answer 1

:hover也适用于.hh-title-entry。

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

从上面的链接：

：hover选择器可用于所有元素，而不仅仅用于链接。

如何将hover类添加到jQuery click（function（）accordion divs？

1 个答案: