更改jquery UI手风琴的标题大小？

Question

我正在尝试为网站上的两种不同类型的手风琴设置样式。如何更改一个的标题大小，而不是另一个？

我试过

<div class="big-accordion">
 <h3 style="height:40px;"><a href="#">from your computer</a></h3>
 <div>
 ...

使用等效的css：

big-accordion .h3{ height:40px }

但它对于小高度看起来不太好 - 文本往往会超出标题的底部。

有什么建议以更清洁的方式做到这一点吗？

Answer 1

我只是遇到了同样的问题，这里的解决方案没有用，所以只想分享对我有用的东西。使用jQuery UI 1.10.4

$(".ui-accordion .ui-accordion-header").css({ "padding-top":"2px", "padding-bottom":"2px" });

Answer 2

在css中为你的h3创造一种新风格。

h3.bigheader {
   height: 40px;
}

<h3 class="bigheader">

Answer 3

最后，这是成功的。

$(".accordion, .big-accordion").accordion({ event: "mouseover" });
$(".accordion .ui-accordion-header a").css({ padding:"1px 1px 1px 30px" });

原来，jquery UI会自动重新设置手风琴的内容，如下所示：http://jqueryui.com/demos/accordion/