Javascript.RU

jQuery UI - виджет Accordion

jQuery UI - надстройка над JavaScript-библиотекой jQuery. Она поможет создавать по настоящему интерактивные веб-приложения. Сегодня мы познакомимся с виджетом Accordion.

Щелчок по заголовку скрывает/отображает содержимое, разбитое на логические секции. При отображении содержимого одной секции, открытая ранее секция обязательно закрывается.

0

Автор: Юрий Зиборов (не зарегистрирован), дата: 22 февраля, 2010 - 19:30
#permalink

Доброго времени суток.
есть активный элемент в аккордионе
.ui-state-active, .ui-widget-content .ui-state-active { его свойства}

нужно чтобы у каждого активного элемента было свое свойство:

.ui-state-active, .ui-widget-content .ui-state-active .optimal{background:url(../i/optimal_red.gif) no-repeat; }
.ui-state-active, .ui-widget-content .ui-state-active .vip{background:url(../i/vip_red.gif) no-repeat;}
.ui-state-active, .ui-widget-content .ui-state-active .business{background:url(../i/business_red.gif) no-repeat;}
.ui-state-active, .ui-widget-content .ui-state-active .ladies{background:url(../i/ladies_red.gif) no-repeat;}

как такое реализовать?


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
4 + 4 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum