SantyEssac SantyEssac - 3 months ago 6
CSS Question

How to prepend the Image or Icon to h3 tag of JQuery Accordian

Hi I want to prepend the Image/Icon to the 'h3' tag of JQuery Accordian
enter image description here

My Accordians are as follows;

$("#AnalysisAccordian").accordion({
active: false,
collapsible: true
});
$("#AttachmentsAccordian").accordion({
active: false,
collapsible: true
});
$("#AftermarketAccordian").accordion({
active: false,
collapsible: true
});

Answer

you can easily done by using css style like this:

  h3:after {
        content: '\27A1'; /* Unicode character for sign (->) */
        font-size: 30px;
        float: left;
        margin-left: 5px;  
    }