#jquery-ui #colors #accordion #jquery-ui-accordion
#jquery-пользовательский интерфейс #Цвет #аккордеон #jquery-пользовательский интерфейс-аккордеон
Вопрос:
Я пытаюсь создать jQuery accordion, который при нажатии изменит свой стиль на .active{}, чтобы заголовок открытой панели accordion выглядел иначе, чем все остальные панели accordion. Вот что у меня есть на данный момент (это заставляет аккордеон работать, но цвета — нет):
<script type="text/javascript">
$(function () {
nyah = $("#accordion").accordion({
event: "mouseover",
animate: "slow",
active: 2,
});
$('#div0').bind('accordionchange', function(event, ui) {
addMessage("change");
ui.oldHeader.removeclass('active');
ui.newHeader.addclass('active');});
nyah.accordion("activate", 1);
});
setTimeout(function () { nyah.accordion("activate", 0) }, 1000);
</script>
Ответ №1:
Рассмотрите возможность использования jQueryUI, который уже делает это за вас. Затем вы можете просто изменить стиль активного элемента с помощью CSS. Смотрите http://jqueryui.com/demos/accordion
Комментарии:
1. Не могли бы вы привести мне пример рестайлинга (или объяснить это более снисходительно)? У меня не очень большой опыт.