Note that there are some explanatory texts on larger screens.

plurals
  1. PORemove underline on hover for jquery accordion
    primarykey
    data
    text
    <p>Is it possible to remove the underline (text-decoration:none) for the jquery ui accordion?</p> <p>I tried many different solutions, but none seem to work. Maybe I am not selecting the proper style id.</p> <p>For example...</p> <pre><code>$('#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'); </code></pre> <p>EDIT: I understand that I can just change the CSS stylesheet, but I only want to do this for ONE of the many accordions.</p> <p>EDIT2: Here is the actual code...</p> <pre><code>&lt;style type="text/css"&gt; .myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none !important;} &lt;/style&gt; &lt;!--Downtime Announcement begin--&gt; &lt;script type="text/javascript" language="javascript"&gt; $(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'); }); &lt;/script&gt; &lt;div id="accordion" &gt; &lt;h3&gt;&lt;a href="#"&gt;Important Announcement&lt;/a&gt;&lt;/h3&gt; &lt;div&gt; &lt;p&gt;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.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--Downtime Announcement end--&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload