jquery 아코디언에 대한 호버에서 밑줄을 제거하십시오.

Question

jquery UI 아코디언에 밑줄 (text-decoration : none)을 제거 할 수 있습니까?

많은 솔루션을 시도했지만 아무 것도 작동하지 않는 것 같습니다. 아마 적절한 스타일 ID를 선택하지 않을 것입니다. 예를 들어

...

$('#accordion .ui-state-hover').attr('style', 'text-decoration:none'); 
$('#accordion .ui-state-focus').attr('style', 'text-decoration:none'); 
$('#accordion .ui-state-hover').css('text-decoration', 'none'); 

편집 : 난 그냥 CSS 스타일 시트를 변경할 수 있음을 이해하지만, 난 단지 많은 아코디언의 ONE이 작업을 수행하고자합니다.

EDIT2 : 여기 ... 당신은 jQuery를 UI와 함께 제공되는 stylesheet을 수정해야

<style type="text/css"> 
.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none !important;} 
</style> 

<!--Downtime Announcement begin--> 
    <script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      $("#accordion").accordion({ 
       collapsible: true, 
       active: false 
      }); 
      $('#accordion .ui-icon').attr('style', 'display: none'); 
      $('#accordion .ui-accordion-header').attr('style', 'background:#A4000F'); 
      $('#accordion .ui-accordion-header a').attr('style', 'font-weight:bold;font-size:13px;color:white'); 
      $('#accordion .ui-accordion-content').attr('style', 'background:#A4000F;width:auto'); 
      $('#accordion .ui-accordion-content p').attr('style', 'font: 14px/16px Arial,Helvetica,sans-serif;color:white'); 
      $('#accordion .ui-state-hover').addClass('myAccordion'); 
      $('#accordion .ui-state-focus').addClass('myAccordion'); 

     }); 
    </script> 

    <div id="accordion" > 
     <h3><a href="#">Important Announcement</a></h3> 
     <div> 
      <p>Beginning at 6pm EDT on April 1st, 2011 our websites will be down for a system upgrade. Please return later in the weekend when the site will return to full availability.</p> 
     </div> 
    </div> 
<!--Downtime Announcement end--> 

Answer 1

실제 코드입니다.

Answer 2

는 u는 이것을 시도 않았다

$('#accordion .ui-state-hover').css('text-decoration', 'none'); 
$('#accordion .ui-state-focus').css('text-decoration', 'none'); 

할 기억이 아코디언의 후로드

Answer 3

시도 :

: 몇 가지 코멘트를 후

$('#accordion .ui-state-hover').css('text-decoration','none'); 

편집

모든 아코디언을 수정하지 않으려면 새 CSS 클래스 즉를 만듭니다. "myAccordion", jquery를 사용하여 두 개의 선택기에 class를 추가하십시오.

$('#accordion .ui-state-hover').addClass('myAccordion'); 
$('#accordion .ui-state-focus').addClass('myAccordion'); 

그리고 수정 스타일처럼 :

.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none;} 

이 규칙이 강하지 enugh 경우, 수정 : 그것의 모습에서

.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none !important;} 

Answer 4

, 밑줄가 보인다 앵커 요소.

#accordion .ui-accordion-header a { 
    text-decoration: none; 
} 

을 또는 스크립트를 통해 : 그래서, 단지 CSS로 사용 http://jsfiddle.net/93hw2 : 나는 빠른 데모 jsFiddle에서이 설정

$('#accordion .ui-accordion-header a').css('text-decoration','none'); 

. 나는 이것이 미래에 유용 할 것이라고 확신한다.