2010-07-03 20 views
22

Ich bin neu in Jquery und ich versuche herauszufinden, ob es möglich ist, einfache Akkordeon ohne das Pfeilsymbol und ohne Polsterung in den Akkordeon Inhalt zu erstellen.Jquery Accordion Widget - entfernen Sie das Symbol und Padding

Ich möchte den gesamten Inhaltsbereich verwenden, und es scheint, als ob jquery Akkordeon Widget automatisch eine Füllung als die Breite des Pfeilsymbols erstellt.

Danke! Lior

Antwort

29

Alles, was Sie tun müssen, ist Ihre eigene CSS hinzufügen, das Symbol und Polsterung, zu entfernen oder die Standard-CSS mit so etwas wie dies außer Kraft setzen:

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

wenn accordion war die ID Sie, wo Sie so genannte Funktion (siehe demo)

Oh, und wenn Sie den Inhalt Polsterung entfernen möchten, verwenden Sie diese CSS:

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

Es funktioniert :-) Vielen Dank! – liorix

+0

Perfekt !, Screen-Immobilien zurückgenommen (Polsterung: 0); Das ist eine Notwendigkeit, wenn Sie das Akkordeon für die Navigation verwenden. –

46

zu entfernen und die Symbole, die Sie besser nutzen

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

Ich hatte dies zu tun: $ (document) .ready (function() { $ ("# leftmenu_0_accordion") Akkordeon ({ Symbole:. Falsche }); }); – Jbecwar

+0

Habe meinen Tag gerettet, vielen Dank! – RubyDev

+2

Ich habe diese Antwort nicht gesehen, bis ich die oben genannte bereits aufgewertet hatte. IMHO das ist die richtige Lösung. –

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

arbeitete für mich

Verwandte Themen