4 сентября 2012 в 7:36
Установил модуль Views accordion. Вывожу вакансии предприятия.
Выводит список вакансий все нормально, но проблема в следующем. Выводит сначала только заголовки - щелкаешь по заголовку открывается вся вакансия. Так вот можно ли как-то сделать чтобы первично показывались не только заголовки, но и еще 2 определенных поля. В настройках порылся не нашел такого.
Комментарии
ммм, я модуль не юзал, но могу предположить что дело в вьюшке. нужно добавить поля для вывода.
Если сначала выводит title, то следом ставите нужные вам поля.
Ну все поля стоят. Просто при открывании страницы с вьюхой-аккордеоном отображаются только заголовки, когда щелкаешь по заголовку срабатывает аккордион и выезжают остальные поля (все какие мне надо).
Вопрос в том, как сделать чтобы в первоначальном виде выводились не только заголовки но и поле Зарплаты.
ммм, можно все поля скрыть, и токенами custom text вставить. Там уже можно будет нужный вам html использовать.
Вы вопрос не поняли))
Все он верно понял. Или ты некорректно пишешь вопрос.
Views Accordion превращает в "кликабельный хэдер" только первое поле, а все остальные поля кладутся в раскрывающийся "контент".
Так вот как и сказал dakanca, добавляешь, например, такие поля:
1. Название вакансии (скрываешь - галочка "Exclude from display")
2. Компания (скрываешь - галочка "Exclude from display")
3. Город (скрываешь - галочка "Exclude from display")
4. Добавляешь поле "Custom text" и в него посредством токенов добавляешь скрытые только что поля, например, так: [title][field_vacancy_company][field_vacancy_company]
5. Далее добавляешь остальные необходимые поля вакансии (но уже не скрываешь).
P.S.: насколько я помню, аккордион в превью не будет работать — нужно сохранить вьюху и смотреть результат на самой странице.
Все сделал как вы написали, но все равно первоначально выводятся только заголовки.
Вот ссылка работающего уже сайта ВАКАНСИИ
Необходимо помимо самой должности вакансии на этой странице сразу видно было зарплату и дату, а когда уже "выезжает" все остальное.
Можно на "ты", так проще...
Скриншоты (или экспорт) твоего views плиз размести, тогда смогу указать на ошибки.
И укажи какую версию модуля Views используешь... 3.x несколько отличается от 2.x
P.S.: кстати зачем скрывать футер на сайте? ИМХО лучше чтобы он был виден, где контента не так много...
#wrapper {
min-height: 100%;}
Вот выкладываю ЭКСПОРТ, буду благодарен за помощь.
$view = new view;
$view->name = 'job';
$view->description = 'Вакансии завода';
$view->tag = '';
$view->base_table = 'node';
$view->human_name = 'Вакансии';
$view->core = 6;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
/* Display: По умолчанию */
$handler = $view->new_display('default', 'По умолчанию', 'default');
$handler->display->display_options['access']['type'] = 'none';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['exposed_form']['options']['submit_button'] = 'Применить';
$handler->display->display_options['exposed_form']['options']['reset_button_label'] = 'Сбросить';
$handler->display->display_options['exposed_form']['options']['exposed_sorts_label'] = 'Сортировать по';
$handler->display->display_options['pager']['type'] = 'full';
$handler->display->display_options['pager']['options']['expose']['items_per_page_label'] = 'Элементов на страницу';
$handler->display->display_options['pager']['options']['expose']['items_per_page_options_all_label'] = '- Все -';
$handler->display->display_options['pager']['options']['expose']['offset_label'] = 'Пропустить';
$handler->display->display_options['style_plugin'] = 'views_accordion';
$handler->display->display_options['style_options']['speed'] = '0.5';
$handler->display->display_options['style_options']['row-start-open'] = '1';
$handler->display->display_options['style_options']['auto-cycle-speed'] = '5';
$handler->display->display_options['row_plugin'] = 'node';
$handler->display->display_options['row_options']['build_mode'] = 'full';
$handler->display->display_options['row_options']['links'] = 1;
$handler->display->display_options['row_options']['comments'] = 0;
/* Поле: Материал: Дата создания */
$handler->display->display_options['fields']['created']['id'] = 'created';
$handler->display->display_options['fields']['created']['table'] = 'node';
$handler->display->display_options['fields']['created']['field'] = 'created';
/* Поле: Материал: Заголовок */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
/* Критерий сортировки: Материал: Дата обновления */
$handler->display->display_options['sorts']['changed']['id'] = 'changed';
$handler->display->display_options['sorts']['changed']['table'] = 'node';
$handler->display->display_options['sorts']['changed']['field'] = 'changed';
/* Критерий сортировки: Материал: Дата создания */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
/* Фильтр: Материал: Опубликован или админ */
$handler->display->display_options['filters']['status_extra']['id'] = 'status_extra';
$handler->display->display_options['filters']['status_extra']['table'] = 'node';
$handler->display->display_options['filters']['status_extra']['field'] = 'status_extra';
/* Фильтр: Материал: Тип */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
'job' => 'job',
);
/* Display: Вакансии */
$handler = $view->new_display('page', 'Вакансии', 'page_job');
$handler->display->display_options['defaults']['title'] = FALSE;
$handler->display->display_options['title'] = 'Вакансии';
$handler->display->display_options['defaults']['group_by'] = FALSE;
$handler->display->display_options['defaults']['style_plugin'] = FALSE;
$handler->display->display_options['style_plugin'] = 'views_accordion';
$handler->display->display_options['style_options']['keep-one-open'] = 1;
$handler->display->display_options['style_options']['speed'] = '0.5';
$handler->display->display_options['style_options']['row-start-open'] = '0';
$handler->display->display_options['style_options']['include-style'] = 0;
$handler->display->display_options['style_options']['auto-cycle-speed'] = '5';
$handler->display->display_options['defaults']['style_options'] = FALSE;
$handler->display->display_options['defaults']['row_plugin'] = FALSE;
$handler->display->display_options['row_plugin'] = 'fields';
$handler->display->display_options['row_options']['hide_empty'] = 1;
$handler->display->display_options['row_options']['default_field_elements'] = 1;
$handler->display->display_options['defaults']['row_options'] = FALSE;
$handler->display->display_options['defaults']['fields'] = FALSE;
/* Поле: Материал: Заголовок */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
$handler->display->display_options['fields']['title']['label'] = '';
$handler->display->display_options['fields']['title']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['title']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['title']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['title']['alter']['external'] = 0;
$handler->display->display_options['fields']['title']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['title']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['title']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['title']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['title']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['title']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['title']['alter']['trim'] = 0;
$handler->display->display_options['fields']['title']['alter']['html'] = 0;
$handler->display->display_options['fields']['title']['element_label_colon'] = 1;
$handler->display->display_options['fields']['title']['element_wrapper_type'] = 'h3';
$handler->display->display_options['fields']['title']['element_wrapper_class'] = 'title-job';
$handler->display->display_options['fields']['title']['element_default_classes'] = 1;
$handler->display->display_options['fields']['title']['hide_empty'] = 0;
$handler->display->display_options['fields']['title']['empty_zero'] = 0;
$handler->display->display_options['fields']['title']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['title']['link_to_node'] = 1;
/* Поле: Содержимое: Зарплата (field_zp) */
$handler->display->display_options['fields']['field_zp_value']['id'] = 'field_zp_value';
$handler->display->display_options['fields']['field_zp_value']['table'] = 'node_data_field_zp';
$handler->display->display_options['fields']['field_zp_value']['field'] = 'field_zp_value';
$handler->display->display_options['fields']['field_zp_value']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_zp_value']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_zp_value']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_zp_value']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_zp_value']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_zp_value']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_zp_value']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_zp_value']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_zp_value']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_zp_value']['link_to_node'] = 0;
$handler->display->display_options['fields']['field_zp_value']['label_type'] = 'none';
/* Поле: Материал: Дата создания */
$handler->display->display_options['fields']['created']['id'] = 'created';
$handler->display->display_options['fields']['created']['table'] = 'node';
$handler->display->display_options['fields']['created']['field'] = 'created';
$handler->display->display_options['fields']['created']['label'] = '';
$handler->display->display_options['fields']['created']['exclude'] = TRUE;
$handler->display->display_options['fields']['created']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['created']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['created']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['created']['alter']['external'] = 0;
$handler->display->display_options['fields']['created']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['created']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['created']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['created']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['created']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['created']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['created']['alter']['trim'] = 0;
$handler->display->display_options['fields']['created']['alter']['html'] = 0;
$handler->display->display_options['fields']['created']['element_label_colon'] = 1;
$handler->display->display_options['fields']['created']['element_wrapper_class'] = 'date-job';
$handler->display->display_options['fields']['created']['element_default_classes'] = 1;
$handler->display->display_options['fields']['created']['hide_empty'] = 0;
$handler->display->display_options['fields']['created']['empty_zero'] = 0;
$handler->display->display_options['fields']['created']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['created']['date_format'] = 'custom';
$handler->display->display_options['fields']['created']['custom_date_format'] = 'd m Y';
/* Поле: Глобальный: Пользовательский текст */
$handler->display->display_options['fields']['nothing']['id'] = 'nothing';
$handler->display->display_options['fields']['nothing']['table'] = 'views';
$handler->display->display_options['fields']['nothing']['field'] = 'nothing';
$handler->display->display_options['fields']['nothing']['label'] = '';
$handler->display->display_options['fields']['nothing']['alter']['text'] = '[created]';
$handler->display->display_options['fields']['nothing']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['external'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['nothing']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['nothing']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['trim'] = 0;
$handler->display->display_options['fields']['nothing']['alter']['html'] = 0;
$handler->display->display_options['fields']['nothing']['element_label_colon'] = 1;
$handler->display->display_options['fields']['nothing']['element_default_classes'] = 1;
$handler->display->display_options['fields']['nothing']['hide_empty'] = 0;
$handler->display->display_options['fields']['nothing']['empty_zero'] = 0;
$handler->display->display_options['fields']['nothing']['hide_alter_empty'] = 0;
/* Поле: Материал: Содержимое */
$handler->display->display_options['fields']['body']['id'] = 'body';
$handler->display->display_options['fields']['body']['table'] = 'node_revisions';
$handler->display->display_options['fields']['body']['field'] = 'body';
$handler->display->display_options['fields']['body']['label'] = '';
$handler->display->display_options['fields']['body']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['body']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['body']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['body']['alter']['external'] = 0;
$handler->display->display_options['fields']['body']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['body']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['body']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['body']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['body']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['body']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['body']['alter']['trim'] = 0;
$handler->display->display_options['fields']['body']['alter']['html'] = 0;
$handler->display->display_options['fields']['body']['element_label_colon'] = 1;
$handler->display->display_options['fields']['body']['element_default_classes'] = 1;
$handler->display->display_options['fields']['body']['hide_empty'] = 0;
$handler->display->display_options['fields']['body']['empty_zero'] = 0;
$handler->display->display_options['fields']['body']['hide_alter_empty'] = 1;
/* Поле: Содержимое: Обязанности (field_obyazannosti) */
$handler->display->display_options['fields']['field_obyazannosti_value']['id'] = 'field_obyazannosti_value';
$handler->display->display_options['fields']['field_obyazannosti_value']['table'] = 'node_data_field_obyazannosti';
$handler->display->display_options['fields']['field_obyazannosti_value']['field'] = 'field_obyazannosti_value';
$handler->display->display_options['fields']['field_obyazannosti_value']['label'] = 'Обязанности';
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_obyazannosti_value']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_obyazannosti_value']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_obyazannosti_value']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_obyazannosti_value']['link_to_node'] = 0;
/* Поле: Содержимое: Требования (field_trebovanie) */
$handler->display->display_options['fields']['field_trebovanie_value']['id'] = 'field_trebovanie_value';
$handler->display->display_options['fields']['field_trebovanie_value']['table'] = 'node_data_field_trebovanie';
$handler->display->display_options['fields']['field_trebovanie_value']['field'] = 'field_trebovanie_value';
$handler->display->display_options['fields']['field_trebovanie_value']['label'] = 'Требования';
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_trebovanie_value']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_trebovanie_value']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_trebovanie_value']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_trebovanie_value']['link_to_node'] = 0;
/* Поле: Содержимое: Условия (field_uslovie) */
$handler->display->display_options['fields']['field_uslovie_value']['id'] = 'field_uslovie_value';
$handler->display->display_options['fields']['field_uslovie_value']['table'] = 'node_data_field_uslovie';
$handler->display->display_options['fields']['field_uslovie_value']['field'] = 'field_uslovie_value';
$handler->display->display_options['fields']['field_uslovie_value']['label'] = 'Условия';
$handler->display->display_options['fields']['field_uslovie_value']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_uslovie_value']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_uslovie_value']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_uslovie_value']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_uslovie_value']['link_to_node'] = 0;
$handler->display->display_options['defaults']['sorts'] = FALSE;
/* Критерий сортировки: Материал: Дата обновления */
$handler->display->display_options['sorts']['changed']['id'] = 'changed';
$handler->display->display_options['sorts']['changed']['table'] = 'node';
$handler->display->display_options['sorts']['changed']['field'] = 'changed';
$handler->display->display_options['sorts']['changed']['order'] = 'DESC';
/* Критерий сортировки: Материал: Дата создания */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
$handler->display->display_options['path'] = 'job';
$translatables['job'] = array(
t('По умолчанию'),
t('more'),
t('Применить'),
t('Сбросить'),
t('Сортировать по'),
t('Asc'),
t('Desc'),
t('Элементов на страницу'),
t('- Все -'),
t('Пропустить'),
t('Дата создания'),
t('Заголовок'),
t('Вакансии'),
t('[created]'),
t('Обязанности'),
t('Требования'),
t('Условия'),
);
Версия views 6.x-3.0
Я же написал что только одно первое поле будет положено в хэдер аккордиона, остальное пойдет в раскрывающийся контент.
Смотрим твою вьюху, первое же поле:
Материал: Заголовок <--- НЕ СКРЫТО
А значит оно и пойдет в хэдер, а все что ниже пойдет уже в раскрывающийся контент.
Все остальные поля ниже, хоть скрываешь и пихаешь в custom text, хоть нет... все равно пойдут в раскрывающийся контент!
Нужно так:
Материал: Заголовок <--- СКРЫТЬ
Содержимое: zp 9999 <--- СКРЫТЬ
Материал: Дата создания <--- СКРЫТЬ
Global: Custom text <--- прописать: "[title][field_zp_value][created]" (без кавычек)
Материал: Содержимое
Содержимое: obyazannos По умолчанию
Содержимое: trebovanie По умолчанию
Содержимое: uslovie По умолчанию
То есть у нас получается первое НЕскрытое поле теперь "Global: Custom text", а не "Материал: Заголовок" как у тебя было.
UPD: еще нужно следить чтобы у первого нескрытого поля "Wrapper HTML element" был div'ом, потому как иначе аккордион не подхватит его...
Спасибо огромное. Все понял суть)) Все сделал!