jquery扩展器自定义类

Question

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

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

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

我尝试过其他几个扩展器插件，但这似乎是我能找到的最好的插件。

Answer 1

您可以使用CSS执行此操作。

Expander插件会在包含 read-more / read-less 类的范围内放置一个链接。所以，一些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-less
• 一个班级.read-more

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

<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... */ }