Jquery Accordion widget - remove the icon and padding

I'm new to jquery and i'm trying to find out if it's possible to create simple accordion without the arrow icon and without padding at all inside the accordion content.

I want to use the whole content space, and it seems like jquery accordion widget auto create some padding as the width of the arrow icon.

Thanks! Lior

Answers


All you need to do is add your own CSS to remove the icon and padding, or override the default CSS with something like this:

#accordion .ui-icon { display: none; }
#accordion .ui-accordion-header a { padding-left: 0; }

if accordion was the ID you where you called the function (see the demo)

Oh and if you want to remove the content padding, use this CSS:

#accordion .ui-accordion-content { padding: 0; }

to remove the icons you better use

$( "#accordion" ).accordion({
    icons: false
});

$("#accordion").accordion({
     icons: null
});

worked for me


Need Your Help

Parsing a file with column data in Python

python file parsing

I have a file that contains the symbol table details.Its in the form of rows and columns.

Infinite login lightdm ArchLinux

login archlinux xfce

Just installed arch linux base as descibed. all works perfect.