2010-07-03 16 views
22

Jestem nowy w jquery i próbuję dowiedzieć się, czy możliwe jest stworzenie prostego akordeonu bez ikony strzałki i bez dopełnienia wewnątrz zawartości akordeonu.Widget Jquery Accordion - usuń ikonę i dopełnienie

Chcę użyć całego obszaru zawartości i wygląda na to, że widżet akordeonu jquery automatycznie tworzy wypełnienie jako szerokość ikony strzałki.

Dzięki! Lior

Odpowiedz

29

Wszystko, co musisz zrobić, to dodać własną CSS, aby usunąć ikonę i wyściółkę, lub zastąpić domyślny CSS z mniej więcej tak:

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

jeśli accordion był identyfikator gdzie nazywany funkcja (patrz demo)

Oh i jeśli chcesz usunąć dopełnienie treści, użyj CSS:

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

Działa :-) Dziękuję bardzo! – liorix

+0

Doskonały !, ekran nieruchomości odbiera (wypełnienie: 0); co jest koniecznością, jeśli używasz akordeonu do nawigacji. –

46

, aby usunąć ikony lepiej wykorzystywać

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

musiałem to zrobić: $ (document) .ready (function() { $ ("# leftmenu_0_accordion") akordeon ({ ikon:. Fałszywe }); }); – Jbecwar

+0

Uratowałem mój dzień, wielkie dzięki! – RubyDev

+2

Nie widziałem tej odpowiedzi, dopóki nie przegłosowałem powyższej. IMHO to jest bardziej poprawne rozwiązanie. –

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

pracował dla mnie