insert css background-image in jquery

Question

how to replace the "+" and "-" sign and replace it with css background-image. here is the sample code http://jsfiddle.net/9nxAc/

Thanks

DACrosby · Accepted Answer · 2012-10-20 06:54:25Z

1

To make them images, simply change out the variables:

    closedSign: '[+]',
    openedSign: '[-]'

To..

    closedSign: '<img src="link/to/image.jpg" />',
    openedSign: '<img src="link/to/next/image.png" />'

answered Oct 20, 2012 at 6:54

DACrosby

11.5k3 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Robin V. · Accepted Answer · 2012-10-20 06:54:32Z

0

You may use this method:

ul.topnav span{
    float:right;
    background-image:url('background.png');
    text-indent: -9999px;
}

By doing so the signs won't be visible.

answered Oct 20, 2012 at 6:54

Robin V.

1,55219 silver badges31 bronze badges