jquery expander 커스텀 클래스

Question

jQuery expander를 여기에서 사용하고 있습니다. http://plugins.learningjquery.com/expander 그러나 show/more 링크에 커스텀 클래스를 추가하는 방법을 찾을 수 없습니다.

나는 파란색을 원한다. 그리고 나는 흑을 좋아할 다른 사람들이있다. 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... */ }