jquery expanderカスタムクラス

Question

ここではjQueryエキスパンダーを使用していますが、http://plugins.learningjquery.com/expanderを使用していますが、カスタムクラスをshow more/less linksに追加する方法が見つかりませんでした。

私は青が好きで、私は黒が好きな人もいます。私は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

プラグインで追加した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... */ }