jquery扩展器自定义类

Question

我在这里使用jQuery扩展器http://plugins.learningjquery.com/expander，但无法找到如何将自定义类添加到show more/less链接。

有一些我想要蓝色和其他我想要黑色。我尝试添加summaryClass定义，但没有做任何事情。

有没有人有任何想法如何将自定义类添加到单个链接？

我已经尝试了其他扩展插件，但这似乎是我能找到的最好的一个。

Answer 1

你可以用CSS做到这一点。

的扩展插件放置包裹在一个跨度类的链接读更多/读少。所以，一些CSS，以目标链接...

<style type="text/css"> 
    #one .read-more a, #one .read-less a { color: black; } 
    #two .read-more a, #two .read-less a { color: red; } 
</style> 
<div id="one" class="expandable"> 
    This expandable div will have a black [...] 
</div> 
<div id="two" class="expandable"> 
    This expandable div will have a red [...] 
</div> 

希望这有助于！

Answer 2

实际上有由插件添加两个链接：

• 一个带班.read少
• 一个带班.read-更

你可以做的就是添加一个在容器中使用特定的css类，并使用css选择器来自定义链接的外观：

<ul> 
    <li class="myclass"> 
     Text 
     <span class="read-more"></span> 
     <span class="details"> 
      <span class="read-less"></span> 
     </span> 
    </li> 
</ul> 

和css：

.myclass .read-more { /* my styles... */ } 
    .myclass .read-less{ /* my styles... */ }