Používam widget JQueryho akordeónu. Potrebujem jednoduchý všeobecný príklad, ktorý ukazuje, ako nastaviť akordeón na množine divov. Keď používateľ vyberie / rozširuje / aktivuje jedno z divov, potom div by mal vyzerať inak (napríklad meniť farbu pozadia) ako ostatné div. Je to možné len tým, že používate funkciu accordianu? Alebo to musí urobiť ďalší javascript?
Upozorňujeme, že používam akordeón, ktorý je zdokumentovaný na http://docs.jquery.com/UI/Accordion
odpovede:
2 pre odpoveď č. 1Keďže je viditeľná len rozšírená div, prečo nielen nastaviť pozadie pre všetky z nich?
Aktívny obsah má triedu ui-accordion-content-active, Pre túto triedu by ste mohli prepísať štýl.
Ďalšou možnosťou je pripojiť sa k priečinku change udalosť (kopírovať / vložiť z dokumentov):
$(".ui-accordion").bind("accordionchange", function(event, ui) {
ui.newHeader // jQuery object, activated header
ui.oldHeader // jQuery object, previous header
ui.newContent // jQuery object, activated content
ui.oldContent // jQuery object, previous content
});
Napríklad:
$(".ui-accordion").bind("accordionchange", function(event, ui) {
ui.newContent.addClass("myHighlight");
ui.oldContent.removeClass("myHighlight");
});