Расскрывающийся список тем

Можно ли сделать выпадающий список определенного форума ( например :"Принятые заявки") и чтоб при добавлении новой темы название (в категории:"Принятые заявки") отображалаось в списке .

Наподобии стандартного выпадающего меню но только что б этот код вставить в всплывающее меню  и там показывалось выпадающее меню с темами из категории "Принятые заявки" ( с этого меню можно перейти в нужную тему.

Или если так нельзя что б автоматически темы добавлялись в список

тогда помогите  сделать этот код  что б  подразделы в нем были кликабельны и по умолчанию закрыты

Ринат, Вы вот эту тему видели?

А теперь представьте, что получаемый там список оформлен в виде выпадающего списка (уточните только, пожалуйста, откуда он вообще должен выпадать) — это будет похоже на то, что Вам надо?

Да это похоже очень   то что нужно только что б выглядело   так -

и желательно с CSS оформлением желтого цвета

вставлять его собираюсь  на главную показ категорий  или HTML- СТРАНИЦУ

Оформление можно будет подкорректировать:



Вариант под BB2

1. Вынесите все темы, которые хотите поместить в список в один подфорум.
Скопируйте его идентификатор. Для этого откройте подфорум, из которого Вы собираетесь выводить темы и скопируйте фрагмент его адреса (вида /f5-forum):


2. В том месте, где нужен список, поставьте код:

Код:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#requestytopic .listin").load("/f1-forum div.topictitle");

jQuery('#requestytopic .top').click(function(){
      jQuery(this).parent().children('div.listin').slideToggle("fast");
      return false;
    });

jQuery(document).click(function(event) {
    if (jQuery(event.target).closest(".listin").length) return;
    jQuery(".listin").hide();
    event.stopPropagation();
  });

});
</script>

<div id="requestytopic">
<div class="top">Принятые заявки: </div>
<div class="listin"></div>
</div>

В строке

Код:

jQuery("#requestytopic .listin").load("/f1-forum div.topictitle");

заменяете /f1-forum на идентификатор Вашего подфорума.

3. В CSS добавьте оформление:

Код:

#requestytopic {
position:relative;
}

/* кнопка Принятые заявки */
#requestytopic .top {
display: block;
height: 16px;
width:  150px;
border: 4px double #2F4F4F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
line-height: 16px;
padding-left: 5px;
background: #E5D9AF url(http://i70.servimg.com/u/f70/17/37/83/89/folder13.png) no-repeat top right;
}

/* кнопка Принятые заявки при наведении */
#requestytopic .top:hover {
color: #000;
cursor: pointer;
background: #F8F2A7 url(http://i70.servimg.com/u/f70/17/37/83/89/folder13.png) no-repeat bottom right;
color: #995757;
}

/* список ссылок на тем */
#requestytopic .listin {
display: none;
position:absolute;
border: 1px solid #2F4F4F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding: 0;
margin: 1px 3px 5px 0;
background-color: #E5D9AF;
-webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
}

#requestytopic div.topictitle {
display: block;
}

/* ссылки на темы */
#requestytopic div.topictitle a {
display: block;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
text-decoration: none !important;
font-weight: normal !important;
color: #000 !important;
}

/* ссылки на темы при наведении */
#requestytopic div.topictitle a:hover {
background-color: #F8F2A7;
color: #995757 !important;
}

#requestytopic div.topictitle img {
display: none;
}

Не получилось,  список не раскрывается  .Если не менять  подфорум ( то есть как у вас в коде /f1-forum ) получается , а ставлю /f13-forum   список не открывается !

ВСе получилось У меня подфорум был в режиме "блог" поменял на "форум" и все отлично стало !!!!

Спассибо очень помогли

Очень рада )